/* Sonco Pay : protection des connexions (login-protection.js). Jetons de app.css : clair et sombre, RTL (propriétés logiques). */
.lp-ch .tfa-form{display:grid;gap:12px}
.lp-done{display:flex;gap:8px;align-items:center;margin:0;color:var(--ok);font-size:var(--fs-sm)}
.lp-done svg{width:18px;height:18px;flex:none}
.lp-resend{justify-self:start;margin-top:4px}
.lp-kv{margin:4px 0 8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2)}
.tfa-ic.lp-ok{background:var(--ok-soft);color:var(--ok)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}
.lp-bar{margin-bottom:12px}
.lp-flash .tfa-bar{animation:lp-flash .9s var(--ease, ease) 2}
@keyframes lp-flash{50%{box-shadow:0 0 0 3px var(--warn-line)}}
@media (prefers-reduced-motion:reduce){.lp-flash .tfa-bar{animation:none;outline:2px solid var(--warn)}}
.lp-card .card-h{flex-wrap:wrap;gap:8px}
.lp-list li{flex-wrap:nowrap}
.lp-list .tfa-dev-m b{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lp-list .tfa-dev-m .muted{overflow-wrap:anywhere}
.lp-list .btn{flex:none}
details.lp-hist>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
details.lp-hist>summary::-webkit-details-marker{display:none}
details.lp-hist>summary::after{content:"";width:7px;height:7px;border:solid var(--mute);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);transition:transform .15s ease;flex:none;margin-inline-end:6px}
details.lp-hist[open]>summary::after{transform:rotate(-135deg)}
.lp-h{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lp-h li{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--line)}
.lp-h li:last-child{border-bottom:0}
.lp-h-k{font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.lp-h li.lp-bad .lp-h-k{color:var(--bad)}
.lp-last{display:block;margin-top:2px;overflow-wrap:anywhere}
.lp-warn{color:var(--warn)}
.lp-left{margin:0}
@media (max-width:600px){
  .lp-list li{flex-wrap:wrap}
  .lp-list .tfa-dev-m{flex-basis:calc(100% - 44px)}
  .lp-list .btn{margin-inline-start:42px}
}
.lp-h bdi,.lp-list b bdi{white-space:nowrap}
