/* Feuille de widget « ch » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.ch,.ch-voile{--bleu:var(--sk-primary);--vert:var(--sk-c-sarcelle-2);--rouge:var(--sk-danger);--encre:var(--sk-fg);--gris:var(--sk-muted);--trait:var(--sk-border);--fond:var(--sk-bg)}
.ch{max-width:1200px;margin:0 auto;padding:0 16px 48px;font-family: var(--sk-font);color:var(--sk-fg)}
.ch *{box-sizing:border-box}
.ch h1{font-size:1.5rem;margin:.4rem 0 1rem;display:flex;align-items:center;gap:.6rem}
.ch h1 .rond{width:42px;height:42px;border-radius:var(--sk-radius);background:var(--sk-fg);color:var(--sk-on-primary);display:inline-flex;align-items:center;justify-content:center}
.ch-corps{display:grid;grid-template-columns:380px minmax(0,1fr);gap:1.2rem;align-items:start}
@media(max-width:900px){.ch-corps{grid-template-columns:minmax(0,1fr)}}
.ch-carte-bloc{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}
.ch-carte-bloc h2{font-size:1rem;margin:0}
.ch-statut{display:flex;align-items:center;gap:.8rem}
.ch-interrupteur{position:relative;width:64px;height:34px;border-radius:var(--sk-radius-pill);background:var(--sk-border-strong);border:0;cursor:pointer;transition:background .2s;flex:0 0 64px}
.ch-interrupteur:after{content:'';position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:var(--sk-radius-round);background:var(--sk-surface);transition:left .2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ch-interrupteur.on{background:var(--sk-c-sarcelle-2)}.ch-interrupteur.on:after{left:33px}
.ch-statut b{font-size:1.05rem}.ch-statut small{display:block;color:var(--sk-muted)}
.ch label{font-size:.8rem;color:var(--sk-muted);display:flex;flex-direction:column;gap:.25rem}
.ch select,.ch input{border:1px solid var(--sk-border);border-radius:var(--sk-radius-sm);padding:.55rem .7rem;font:inherit;font-size:.9rem;color:var(--sk-fg);background:var(--sk-surface)}
.ch-btn{border:0;border-radius:var(--sk-radius);padding:.8rem;font:inherit;font-weight:600;cursor:pointer;color:var(--sk-on-primary);background:var(--sk-fg);width:100%}
.ch-btn.vert{background:var(--sk-c-sarcelle-2)}.ch-btn.bleu{background:var(--sk-primary)}.ch-btn.clair{background:var(--sk-surface);color:var(--sk-fg);border:1px solid var(--sk-border)}
.ch-btn[disabled]{opacity:.5;cursor:default}
.ch-map{height:calc(100vh - 170px);min-height:480px;border-radius:var(--sk-radius-lg);overflow:hidden;border:1px solid var(--sk-border);position:sticky;top:90px}
.ch-map .m{width:100%;height:100%}
.ch-info{font-size:.85rem;color:var(--sk-muted)}
.ch-ligne{display:flex;justify-content:space-between;font-size:.9rem;padding:.2rem 0}
.ch-message{border-radius:var(--sk-radius-sm);padding:.6rem .8rem;font-size:.86rem;display:none}
.ch-message.ok{display:block;background:var(--sk-success-soft);color:var(--sk-success)}.ch-message.ko{display:block;background:var(--sk-danger-soft);color:var(--sk-danger)}
.ch-voile{position:fixed;inset:0;background:rgba(14,14,40,.6);z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px}
.ch-voile.ouvert{display:flex}
.ch-prop{background:var(--sk-surface);border-radius:var(--sk-radius-lg);max-width:420px;width:100%;padding:1.2rem;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:ch-entree .25s ease}
@keyframes ch-entree{from{transform:translateY(30px);opacity:0}}
.ch-prop h2{margin:0 0 .2rem;font-size:1.3rem}
.ch-prop .prix{font-size:2rem;font-weight:800;color:var(--sk-c-sarcelle-2)}
.ch-prop .trajet{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0;font-size:.92rem}
.ch-prop .trajet i{width:1.2rem;text-align:center}
.ch-prop .barre{height:6px;border-radius:var(--sk-radius-pill);background:var(--sk-border);overflow:hidden;margin:.6rem 0}
.ch-prop .barre span{display:block;height:100%;background:var(--sk-c-sarcelle-2);transition:width 1s linear}
.ch-prop .actions{display:grid;grid-template-columns:1fr 2fr;gap:.6rem}
.ch-pin{background:none;border:0}.ch-pin div{width:18px;height:18px;border-radius:var(--sk-radius-round);background:var(--sk-fg);border:3px solid var(--sk-surface);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.ch-pin.b div{border-radius:var(--sk-radius-xs);background:var(--sk-primary)}
.ch-moi div{width:30px;height:30px;border-radius:var(--sk-radius-round);background:var(--sk-c-sarcelle-2);color:var(--sk-on-primary);display:flex;align-items:center;justify-content:center;border:3px solid var(--sk-surface);box-shadow:0 0 0 8px rgba(16,185,129,.25)}