
section{padding:40px 0 72px}
h1{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(28px,4.4vw,38px);letter-spacing:-.02em}
.connexion{max-width:440px;margin:10px auto 0;border:1px solid var(--ligne);border-radius:20px;padding:28px;display:grid;gap:16px}
.grille{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}
@media(max-width:820px){.grille{grid-template-columns:1fr}}
.case{border:1px solid var(--ligne);border-radius:18px;padding:22px;background:#fff}
.case h2{font-size:19px;margin-bottom:12px}
.case.large{grid-column:1/-1}
.statut{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px;padding:5px 11px;border-radius:999px}
.statut:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.s-actif{background:#e4f6eb;color:#136f3c}.s-attente{background:#fff1dc;color:#8a5200}.s-fin{background:#fdebeb;color:#8f1f23}
.lienapp{display:flex;gap:8px;margin-top:10px}
.lienapp input{flex:1;min-width:0;font:inherit;font-size:14px;border:1.5px solid #cfdcd5;border-radius:10px;padding:10px 12px;background:var(--doux)}
.qr{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.qr .img{width:168px;height:168px;flex:none;border:1px solid var(--ligne);border-radius:12px;padding:6px;background:#fff}
.qr .img svg{width:100%;height:100%}
table{width:100%;border-collapse:collapse;font-size:15.5px}
th,td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--ligne)}th{font-size:13px;color:var(--gris);font-weight:700}
td.n{text-align:right;font-variant-numeric:tabular-nums}
.paye{color:#136f3c;font-weight:700}.apayer{color:#8a5200;font-weight:700}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15.5px}dt{color:var(--gris)}dd{margin:0;font-weight:700;word-break:break-word}
.lignebtn{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.danger{border-color:#c2412d;color:#a23a1f;background:#fff}.danger:hover{background:#fdebeb;border-color:#a23a1f}
.form{display:grid;gap:12px;margin-top:12px}
.vide{color:var(--gris)}
