.kcr{position:relative;display:inline-flex}
.kcr-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;min-width:40px;padding:0 12px 0 10px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface);color:var(--c-ink);font-family:var(--f-sans);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer}
.kcr-btn:hover,.kcr-btn[aria-expanded="true"]{background:var(--c-surface-2);border-color:var(--c-line-strong)}
.kcr-btn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.kcr-eclair{flex:none;width:18px;height:18px;color:#e8a210}
.kcr-eclair path{fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.kcr-eclair .kcr-barre{display:none;fill:none}
.kcr-btn.is-abo .kcr-eclair{color:var(--c-premium)}
.kcr-btn[data-niveau="3"],.kcr-btn[data-niveau="4"]{color:var(--c-credit-4)}
.kcr-btn[data-niveau="3"] .kcr-eclair,.kcr-btn[data-niveau="4"] .kcr-eclair{color:var(--c-credit-4)}
.kcr-btn[data-niveau="3"] .kcr-eclair path,.kcr-btn[data-niveau="4"] .kcr-eclair path{fill:none}
.kcr-btn[data-niveau="4"]{border-color:var(--c-credit-filet);background:var(--c-credit-4-bg)}
.kcr-btn[data-niveau="4"] .kcr-eclair .kcr-barre{display:inline}
.kcr-fen{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:80;width:304px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);overflow-y:auto;padding:6px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface);color:var(--c-ink);box-shadow:0 18px 48px rgba(17,20,23,.16),0 2px 6px rgba(17,20,23,.06);font-family:var(--f-sans);font-size:14px;line-height:1.35;text-align:start;white-space:normal}
.kcr-fen::before{content:"";position:absolute;inset-inline:0;top:-10px;height:10px}
.kcr-fen[hidden]{display:none}
.kcr-fen p{margin:0}
.kcr-offre{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}
.kcr-offre:hover{background:var(--c-surface-2)}
.kcr-offre:focus-visible,.kcr-cta:focus-visible,.kcr-aide:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.kcr-offre-txt{flex:1;min-width:0;display:grid;gap:3px}
.kcr-offre-nom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:600}
.kcr-actif{padding:2px 8px;border-radius:999px;background:#e5f5ea;color:#16653a;font-size:12px;font-weight:600;line-height:1.4}
.kcr-sous{color:var(--c-ink-2);font-size:13px}
.kcr-chevron{flex:none;width:16px;height:16px;color:var(--c-ink-3)}
.kcr-sep{height:1px;margin:4px 12px;background:var(--c-line)}
.kcr-corps{display:grid;gap:10px;padding:10px 12px 6px}
.kcr-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--c-ink-2)}
.kcr-ligne b{color:var(--c-ink);font-weight:600;font-variant-numeric:tabular-nums;text-align:end}
.kcr-ligne--fort{color:var(--c-ink);font-weight:600}
.kcr-ligne--fort b{font-size:18px}
.kcr-jauge{height:6px;border-radius:999px;background:var(--c-surface-2);overflow:hidden}
.kcr-jauge span{display:block;height:100%;border-radius:inherit;background:var(--c-action);transform-origin:0 50%}
.kcr-note{color:var(--c-ink-2);font-size:13px}
.kcr-cta{display:flex;align-items:center;justify-content:center;width:calc(100% - 24px);min-height:44px;margin:8px 12px 4px;padding:0 16px;border:0;border-radius:10px;background:var(--c-action);color:var(--c-on-action);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.kcr-cta:hover{background:var(--c-action-hover)}
.kcr-aide{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;padding:10px 12px;border-radius:10px;color:var(--c-ink-2);font-size:13px;text-decoration:none}
.kcr-aide:hover{background:var(--c-surface-2);color:var(--c-ink)}
.kcr-aide svg{flex:none;width:16px;height:16px}
[data-theme="dark"] .kcr-eclair{color:#f5b938}
[data-theme="dark"] .kcr-actif{background:rgba(74,222,128,.14);color:#86efac}
[data-theme="dark"] .kcr-fen{box-shadow:0 18px 48px rgba(0,0,0,.5)}
@media (pointer:coarse){.kcr-btn{min-height:44px}}
@media (max-width:640px){.kcr-fen{position:fixed;top:60px;inset-inline:12px;width:auto;max-width:none}}
.kcr-jauge+.kcr-note{margin-top:6px}