/* Sélecteur de compétitions partagé (voir comp-picker.js). Variables de thème : --surface --raised --line --tx --mut --faint --acc --accsoft --hover. Cibles tactiles >= 44 px. */
.cp{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.cp-sum{font-size:12px;color:var(--mut);padding:0 12px}
.cp-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cp-search{flex:1 1 150px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;background:var(--raised);border:1px solid var(--line);color:var(--faint)}
.cp-search:focus-within{border-color:var(--acc)}.cp-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit;font-size:16px}   /* 16 px : Safari iPhone ne zoome pas */
.cp-act{min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;font-weight:600;font-size:13px;color:var(--mut);background:var(--raised);border:1px solid var(--line)}
.cp-act:hover,.cp-act.on{color:var(--tx);background:var(--hover)}
.cp-head{margin:10px 12px 2px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--faint)}
.cp-reg{border-radius:10px}
.cp-rh{display:flex;align-items:stretch;min-height:44px}
.cp-chk{width:44px;min-height:44px;display:grid;place-items:center;flex:none;color:var(--faint)}
.cp-chk i{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:13px;line-height:1;color:var(--accfg)}
.cp-chk.all i{background:var(--acc);border-color:var(--acc)}.cp-chk.all i:after{content:"✓"}
.cp-chk.some i{background:var(--accsoft);border-color:var(--acc);color:var(--acc)}.cp-chk.some i:after{content:"–"}
.cp-rn{flex:1;display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0 8px 0 2px;text-align:left;font-weight:700;color:var(--tx)}
.cp-rn .fl{font-size:19px;line-height:1;flex:none;width:26px;text-align:center}
.cp-rn b{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.2;font-weight:700}
.cp-rn em,.cp-c em{font-size:11.5px;color:var(--faint);font-style:normal}
.cp-rn iconify-icon{color:var(--faint);transition:transform .15s}.cp-rn.shut iconify-icon{transform:rotate(-90deg)}
.cp-c{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px 0 44px;text-align:left;border-radius:9px;font-weight:600;color:var(--mut)}
.cp-c span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.25}
.cp-c:hover{background:var(--hover)}.cp-c.on{color:var(--tx);background:var(--raised)}.cp-c.on span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:middle}
.cp-none{padding:10px 14px;color:var(--mut);font-size:13px}
.cp-toggle{display:none}
@media (max-width:900px){.cp-toggle{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;padding:0 12px;border-radius:10px;background:var(--raised);border:1px solid var(--line);font-weight:600;color:var(--tx)}.cp-toggle em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mut)}}
