/* OKNOK — styles front */
.oknok-form,.oknok-public{--oknok-ink:#111;--oknok-paper:#f6f4ef;--oknok-ok:#2e7d32;--oknok-nok:#b23a1d;--oknok-line:#d9d5cc;max-width:720px}
.oknok-form fieldset,.oknok-field{border:1px solid var(--oknok-line);padding:18px 20px;margin:0 0 18px;border-radius:4px;background:#fff}
.oknok-form legend{font-weight:700;padding:0 8px;font-size:1.05em}
.oknok-help{font-size:.9em;color:#555;margin:6px 0 10px}
.oknok-form input[type=text],.oknok-form input[type=email],.oknok-form textarea,.oknok-public input[type=text],.oknok-public input[type=password],.oknok-public textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #bbb;border-radius:3px;font:inherit;background:#fff}
.oknok-form label{display:block;font-weight:600}
.oknok-form p{margin:0 0 12px}
.oknok-choice{display:flex;flex-wrap:wrap;gap:10px}
.oknok-choice legend{width:100%}
.oknok-choice .oknok-help{width:100%}
.oknok-pill{flex:1 1 45%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--oknok-line);border-radius:6px;cursor:pointer;font-weight:400;background:var(--oknok-paper)}
.oknok-pill input{margin:0}
.oknok-pill:has(input:checked){border-color:var(--oknok-ink);background:#fff}
.oknok-pill-ok:has(input:checked){border-color:var(--oknok-ok)}
.oknok-pill-nok:has(input:checked){border-color:var(--oknok-nok)}
.oknok-counter{text-align:right;font-size:.85em;color:#777;margin-top:4px}
.oknok-anon{border-left:3px solid var(--oknok-ink);padding-left:12px}
.oknok-waiver{margin:14px 0;padding:12px 14px;background:#fff8e6;border:1px solid #f0d78c;border-radius:4px;font-size:.92em}
/* Clé après paiement */
.oknok-keybox{background:#111;color:#fff;padding:28px 30px;border-radius:6px;margin:0 0 30px}
.oknok-keybox h2{color:#fff;margin-top:0}
.oknok-keybox a{color:#ffd56b}
.oknok-keybox .oknok-help{color:#bbb}
.oknok-key{background:#fff;color:#111;padding:16px 18px;border-radius:4px;margin:14px 0}
.oknok-key-label{font-size:.85em;color:#555;letter-spacing:.5px;text-transform:uppercase}
.oknok-key-value{display:block;font-size:1.5em;letter-spacing:3px;margin:8px 0 12px;background:none;padding:0;word-break:break-all}
.oknok-key-actions .button{margin-right:8px}
/* Pages publiques */
.oknok-keyform{background:var(--oknok-paper);padding:22px 24px;border-radius:6px}
.oknok-keyform label{display:block;font-weight:600;margin-bottom:4px}
.oknok-error{color:var(--oknok-nok);font-weight:600}
.oknok-success{color:var(--oknok-ok);font-weight:600}
.oknok-badge{display:inline-block;font-weight:800;letter-spacing:3px;padding:6px 14px;border-radius:3px;color:#fff;background:var(--oknok-nok)}
.oknok-badge-ok{background:var(--oknok-ok)}
.oknok-message,.oknok-reply,.oknok-note{background:var(--oknok-paper);border-left:4px solid var(--oknok-ink);padding:16px 20px;margin:14px 0;white-space:normal;line-height:1.6}
.oknok-reply{border-left-color:var(--oknok-ok)}
.oknok-note{border-left-color:var(--oknok-nok)}
.oknok-reply-date{font-size:.85em;color:#777;margin-top:8px}
.oknok-replyform textarea{margin-bottom:10px}
/* Compteur */
.oknok-compteur{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
.oknok-compteur div{flex:1 1 150px;text-align:center;padding:18px 10px;border:1px solid var(--oknok-line);border-radius:6px}
.oknok-compteur strong{display:block;font-size:2.2em;line-height:1.1}
.oknok-compteur span{font-size:.85em;color:#666;letter-spacing:.5px;text-transform:uppercase}
@media (max-width:600px){.oknok-pill{flex-basis:100%}}