/* Cockpit par poste et barre commune (cloche + ampoule), 16/10 — maquette
   docs/maquettes/dashboard/. Tout est préfixé « ck- » ; jetons sur .ck-page et sur la barre.
   Grand écran (≥ 1800 px, référence 2560×1440) : trois colonnes, pipeline dans le bandeau,
   blocs complémentaires ; téléphone (≤ 640 px) : une colonne, barre du bas du poste.
   Animations : transform/opacity, 90–320 ms, cubic-bezier(.2,.8,.2,1), prefers-reduced-motion. */
.ck-page,.ck-bx-barre,.ck-bx-p,.ck-bx-toast{
  --marine-haut:214 57% 20%;--marine-bas:216 56% 11%;
  --azur:213 91% 44%;--azur-doux:213 95% 96%;--azur-fort:214 84% 36%;
  --menthe:174 55% 79%;--menthe-vif:172 66% 56%;--menthe-fort:175 70% 30%;--menthe-doux:172 60% 94%;
  --fond:216 33% 97%;--carte:0 0% 100%;--encre:220 35% 12%;--doux:220 11% 40%;--trait:220 18% 90%;--trait-fort:220 15% 82%;
  --vert:152 64% 32%;--vert-doux:152 52% 95%;--orange:32 90% 40%;--orange-vif:35 92% 50%;--orange-doux:40 92% 95%;
  --rouge:0 72% 46%;--rouge-doux:0 88% 96%;--gris-doux:220 20% 95%;
  --ombre-1:0 1px 1px hsl(220 40% 20%/.04),0 2px 4px hsl(220 40% 20%/.04);
  --ombre-2:0 1px 1px hsl(220 40% 20%/.04),0 4px 8px hsl(220 40% 20%/.05),0 12px 24px -6px hsl(220 40% 20%/.08);
  --ombre-3:0 2px 4px hsl(220 40% 20%/.05),0 12px 24px hsl(220 40% 20%/.08),0 32px 64px -12px hsl(220 50% 15%/.22);
  --sortie:cubic-bezier(.2,.8,.2,1);--ressort:cubic-bezier(.34,1.4,.64,1);
  font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:"cv11","ss01";
}
.ck-page{color:hsl(var(--encre));padding:2px 0 40px}
.ck-page *{box-sizing:border-box}
:where(.ck-page,.ck-bx-p,.ck-bx-barre) :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
.ck-page a{color:inherit;text-decoration:none}
.ck-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
svg.ck-i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main.page:has(.ck-page){max-width:1360px}
@media (min-width:1800px){main.page:has(.ck-page){max-width:none;padding:18px 40px 40px}}

/* salut */
.ck-salut{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ck-salut h1{margin:0;font-size:26px;font-weight:750;letter-spacing:-.025em}
.ck-salut>span{font-size:14px;color:hsl(var(--doux));font-weight:500}
.ck-postes{margin-left:auto;display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:hsl(var(--gris-doux));align-self:center}
.ck-postes button{height:30px;padding:0 11px;border-radius:8px;font-size:12.5px;font-weight:650;color:hsl(var(--doux));transition:background 160ms,color 160ms}
.ck-postes button.on{background:hsl(var(--carte));color:hsl(var(--encre));box-shadow:var(--ombre-1)}

/* bandeau */
.ck-bandeau{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr 1fr;gap:22px;align-items:center;padding:14px 20px;border-radius:26px;color:#fff;background:linear-gradient(135deg,hsl(var(--marine-haut)),hsl(var(--marine-bas)));box-shadow:var(--ombre-3)}
.ck-bandeau::before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:320px;background:radial-gradient(closest-side,hsl(var(--menthe-vif)/.22),transparent);pointer-events:none}
.ck-bandeau.ck-seul{grid-template-columns:auto 1fr}
.ck-bandeau-prepa{grid-template-columns:auto 1fr}
.ck-titre b{display:block;font-size:20px;font-weight:750;letter-spacing:-.02em}
.ck-titre span{font-size:13px;color:hsl(0 0% 100%/.65);font-weight:500}
.ck-oeil{margin-top:8px;display:flex!important;align-items:center;gap:6px;font-size:12px!important;color:hsl(0 0% 100%/.75)!important;padding:4px 9px!important;border-radius:8px;background:hsl(0 0% 100%/.08)!important}
.ck-oeil svg{width:14px;height:14px}
.ck-jauge{position:relative;display:block;padding:12px 14px;border-radius:16px;background:hsl(0 0% 100%/.06);box-shadow:0 0 0 1px hsl(0 0% 100%/.1) inset;transition:background 160ms;color:#fff!important}
.ck-jauge:hover{background:hsl(0 0% 100%/.1)}
.ck-jauge-lib{display:block;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:hsl(0 0% 100%/.65)}
.ck-jauge-l{display:flex;align-items:baseline;gap:8px}
.ck-gros{font-size:30px;font-weight:800;letter-spacing:-.03em}
.ck-obj{font-size:14px;color:hsl(0 0% 100%/.6);font-weight:600}
.ck-ecart{margin-left:auto;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.ck-ecart-ok{background:hsl(var(--menthe-vif)/.2);color:hsl(var(--menthe))}
.ck-ecart-ret{background:hsl(var(--orange-vif)/.2);color:hsl(38 100% 75%)}
.ck-ecart-neutre{background:hsl(0 0% 100%/.1);color:hsl(0 0% 100%/.7)}
.ck-rail{position:relative;display:block;height:8px;margin-top:10px;border-radius:4px;background:hsl(0 0% 100%/.12)}
.ck-rail i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,hsl(var(--menthe-vif)),hsl(var(--azur)));transform-origin:left;animation:ck-remplit 1s var(--sortie) both}
.ck-att{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:1px;background:#fff;box-shadow:0 0 0 2px hsl(var(--marine-bas))}
.ck-leg{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:hsl(0 0% 100%/.6)}
.ck-flou{filter:blur(7px)}
@keyframes ck-remplit{from{transform:scaleX(0)}}
.ck-pipe-b{display:none;gap:2px}
@media (min-width:1800px){
  .ck-bandeau{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}
  .ck-bandeau.ck-seul{grid-template-columns:auto minmax(0,1fr) minmax(0,1.6fr)}
  .ck-pipe-b{display:grid}
  .ck-pipe-bas{display:none}
}

/* pipeline */
.ck-pipe{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:14px;padding:14px 6px 4px}
.ck-pipe::before{content:"";position:absolute;left:10%;right:10%;top:32px;height:4px;border-radius:2px;background:hsl(var(--trait))}
.ck-pipe::after{content:"";position:absolute;left:10%;top:32px;height:4px;width:calc(80% * var(--av,.6));border-radius:2px;background:linear-gradient(90deg,hsl(var(--azur)),hsl(var(--menthe-vif)));transform-origin:left;animation:ck-remplit 1.1s var(--sortie) both}
.ck-st{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;padding:0 2px 8px;border-radius:14px;transition:background 160ms,transform 90ms;animation:ck-entree .45s var(--sortie) both}
.ck-st:hover{background:hsl(var(--fond))}.ck-st:active{transform:scale(.97)}
.ck-nd{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800;background:hsl(var(--carte));box-shadow:0 0 0 3px hsl(var(--menthe-vif)),var(--ombre-1)}
.ck-st.ck-al .ck-nd{box-shadow:0 0 0 3px hsl(var(--orange-vif)),var(--ombre-1);color:hsl(var(--orange));animation:ck-pouls2 2s var(--sortie) infinite}
@keyframes ck-pouls2{0%,100%{box-shadow:0 0 0 3px hsl(var(--orange-vif)),0 0 0 3px hsl(var(--orange-vif)/.4)}50%{box-shadow:0 0 0 3px hsl(var(--orange-vif)),0 0 0 9px hsl(var(--orange-vif)/0)}}
.ck-vgs{display:flex;justify-content:center;min-height:30px}
.ck-v{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px hsl(var(--carte));margin-left:-9px;flex:none}
.ck-v:first-child{margin-left:0}
.ck-plus{display:grid;place-items:center;font-size:11px;font-weight:800;background:hsl(var(--gris-doux))}
.ck-sans-photo{background:linear-gradient(135deg,hsl(var(--gris-doux)),hsl(var(--trait-fort)));display:inline-block}
.ck-nm{font-size:12.5px;font-weight:650}
.ck-sub{font-size:11.5px;color:hsl(var(--orange));font-weight:650;min-height:15px}
.ck-bandeau .ck-pipe{grid-column:2/-1;margin:0;padding:6px 0 0}
.ck-pipe-b .ck-pipe{margin:0;padding:4px 0 0}
.ck-bandeau .ck-pipe::before{background:hsl(0 0% 100%/.15)}
.ck-bandeau .ck-nd{background:hsl(var(--marine-bas));color:#fff}
.ck-bandeau .ck-st.ck-al .ck-nd{color:hsl(38 100% 72%)}
.ck-bandeau .ck-st:hover{background:hsl(0 0% 100%/.06)}
.ck-bandeau .ck-v{box-shadow:0 0 0 2px hsl(var(--marine-bas))}
.ck-bandeau .ck-plus{background:hsl(0 0% 100%/.15);color:#fff}
.ck-bandeau .ck-nm{color:hsl(0 0% 100%/.8)}
.ck-bandeau .ck-st{color:#fff}
.ck-pipe-bas h3{margin:18px 0 0;font-size:14px;color:hsl(var(--doux));font-weight:700}

/* colonnes */
.ck-cols{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);grid-template-areas:'a c' 'b c';gap:20px;margin-top:20px;align-items:start}
.ck-za{grid-area:a}.ck-zb{grid-area:b}.ck-zc{grid-area:c}
.ck-cols>div>.ck-carte+.ck-carte{margin-top:20px}
.ck-complement{display:none}
.ck-colonne .ck-lg:nth-child(n+5){display:none}
@media (min-width:1800px){
  .ck-carte{padding:16px 18px}
  .ck-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(380px,.75fr);grid-template-areas:'a b c';gap:16px;margin-top:16px}
  .ck-cols>div>.ck-carte+.ck-carte{margin-top:16px}
  .ck-complement{display:block}
  .ck-colonne .ck-lg:nth-child(n+5){display:grid}
  .ck-salut h1{font-size:30px}
  .ck-lg{padding:7px 4px}.ck-lg-img{width:58px;height:40px}
  .ck-ev{padding:6px 4px}
}
.ck-carte{padding:18px 20px;border-radius:20px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset}
.ck-ct{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ck-ct h2{margin:0;font-size:16px;font-weight:750;letter-spacing:-.01em}
.ck-tot{min-width:24px;height:24px;padding:0 8px;border-radius:12px;display:inline-grid;place-items:center;font-size:12.5px;font-weight:800;background:hsl(var(--encre));color:#fff}
.ck-bloq{font-size:13px;font-weight:700;color:hsl(var(--rouge))}
.ck-lien{margin-left:auto;font-size:13px;font-weight:650;color:hsl(var(--azur-fort))!important}
.ck-bascule+.ck-lien{margin-left:10px}
.ck-vide{margin:4px 0;color:hsl(var(--doux));font-size:13.5px}
.ck-vide-ok{margin:6px 0;padding:14px;border-radius:14px;text-align:center;color:hsl(var(--vert));font-weight:700;background:hsl(var(--vert-doux))}
.ck-erreur{margin:8px 0 0;color:hsl(var(--rouge));font-size:13px;font-weight:600}

/* bascule lignes / tuiles */
.ck-bascule{margin-left:auto;display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:hsl(var(--gris-doux))}
.ck-bascule button{width:30px;height:26px;border-radius:7px;display:grid;place-items:center;color:hsl(var(--doux));transition:background 160ms,color 160ms}
.ck-bascule button.on{background:hsl(var(--carte));color:hsl(var(--encre));box-shadow:var(--ombre-1)}
.ck-bascule svg{width:16px;height:16px}

/* À traiter : lignes */
.ck-atl{display:grid}
.ck-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px 6px;border-top:1px solid hsl(var(--trait))!important;text-align:left;width:100%;border-radius:10px;animation:ck-entree .4s var(--sortie) both;transition:background 160ms}
.ck-r:first-child{border-top:0!important}.ck-r:hover{background:hsl(var(--fond))!important}
.ck-r .ck-chiffre{font-size:24px;font-weight:800;letter-spacing:-.03em;text-align:right}
.ck-n0 .ck-chiffre{color:hsl(var(--rouge))}.ck-n1 .ck-chiffre{color:hsl(var(--orange))}
.ck-r-tx{min-width:0}
.ck-r b{display:block;font-size:14px}.ck-r small{display:block;font-size:12.5px;color:hsl(var(--doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-r svg{color:hsl(var(--doux))}
@media (min-width:1800px){.ck-r small{white-space:normal}}
/* À traiter : tuiles */
.ck-tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ck-tuile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px!important;border-radius:16px;text-align:left;background:hsl(var(--fond))!important;animation:ck-entree .45s var(--sortie) both;transition:transform 160ms var(--sortie),background 160ms,box-shadow 160ms}
.ck-tuile:hover{transform:translateY(-2px);background:hsl(var(--carte))!important;box-shadow:var(--ombre-2),0 0 0 1px hsl(var(--trait)) inset}
.ck-tuile:active{transform:scale(.98)}
.ck-tuile .ck-chiffre{grid-row:1/3;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.035em;min-width:34px}
.ck-t-lib{font-size:14px;font-weight:700;line-height:1.25;display:flex;align-items:center;gap:6px}
.ck-pq{font-size:12.5px;color:hsl(var(--doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.ck-dot{width:7px;height:7px;border-radius:50%;flex:none;background:hsl(var(--trait-fort))}
.ck-tuile.ck-n0 .ck-dot{background:hsl(var(--rouge));color:hsl(var(--rouge));animation:ck-pouls 1.8s var(--sortie) infinite}.ck-tuile.ck-n1 .ck-dot{background:hsl(var(--orange-vif))}
@keyframes ck-pouls{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes ck-entree{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* lignes des blocs */
.ck-lignes{display:grid}
.ck-lg{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid hsl(var(--trait));animation:ck-entree .4s var(--sortie) both;border-radius:10px;transition:background 160ms}
.ck-lg:first-child{border-top:0}
.ck-lg:hover{background:hsl(var(--fond))}
.ck-lg-corps{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.ck-lg-img{width:64px;height:44px;border-radius:9px;object-fit:cover;display:block}
.ck-tx{min-width:0}
.ck-tx b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-tx small{display:block;font-size:12.5px;color:hsl(var(--doux));margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.ck-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:650;background:hsl(var(--gris-doux));color:hsl(var(--doux));white-space:nowrap}
.ck-tag-vert{background:hsl(var(--vert-doux));color:hsl(var(--vert))}.ck-tag-orange{background:hsl(var(--orange-doux));color:hsl(var(--orange))}.ck-tag-rouge{background:hsl(var(--rouge-doux));color:hsl(var(--rouge))}.ck-tag-bleu{background:hsl(var(--azur-doux));color:hsl(var(--azur-fort))}
.ck-mini{display:inline-flex;align-items:center;height:32px;padding:0 11px!important;border-radius:9px;font-size:13px;font-weight:650;background:hsl(var(--gris-doux))!important;white-space:nowrap;transition:transform 90ms}
.ck-mini.ck-p{background:hsl(var(--azur))!important;color:#fff!important}
.ck-mini:active{transform:scale(.95)}

/* planning */
.ck-jour{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--doux));margin:12px 0 4px}
.ck-jour:first-of-type{margin-top:0}
.ck-ev{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 4px;border-radius:10px;animation:ck-entree .4s var(--sortie) both;transition:background 160ms}
.ck-ev:hover{background:hsl(var(--fond))}
.ck-h{font-size:13px;font-weight:700}
.ck-ev-rdv .ck-h{color:hsl(var(--azur-fort))}.ck-ev-liv .ck-h{color:hsl(var(--menthe-fort))}.ck-ev-route .ck-h{color:hsl(var(--doux))}
.ck-coches{display:flex;gap:4px}
.ck-attente{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid hsl(var(--trait));font-size:13.5px}

/* transmissions et raccourcis */
.ck-tm{padding:10px 12px;border-radius:12px;background:hsl(var(--fond));margin-top:8px;animation:ck-entree .4s var(--sortie) both}
.ck-tm-urgent{box-shadow:inset 3px 0 0 hsl(var(--rouge))}
.ck-de{font-size:12px;font-weight:700;color:hsl(var(--doux))}
.ck-tm p{margin:4px 0 8px;font-size:13.5px;font-weight:600}
.ck-g{display:flex;gap:6px}
.ck-racc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ck-racc a{position:relative;display:grid;place-items:center;gap:6px;padding:14px 8px;border-radius:14px;background:hsl(var(--fond));font-size:13px;font-weight:650;text-align:center;transition:background 160ms,transform 90ms}
.ck-racc a:hover{background:hsl(var(--azur-doux))}.ck-racc a:active{transform:scale(.96)}
.ck-racc .ck-c,.ck-basbar .ck-c{font-size:11px;padding:1px 6px;border-radius:7px;background:hsl(var(--orange-vif));color:#2b1600;font-weight:800}
.ck-racc .ck-c{position:absolute;top:8px;right:10px}

/* volet */
.ck-voile{position:fixed;inset:0;z-index:80;background:hsl(216 50% 10%/.32);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity 320ms var(--sortie)}
.ck-voile.on{opacity:1;pointer-events:auto}
.ck-volet{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(560px,100vw);display:flex;flex-direction:column;background:hsl(var(--fond));box-shadow:-30px 0 80px -20px hsl(220 50% 15%/.35);transform:translateX(104%);transition:transform 320ms var(--sortie)}
.ck-volet.on{transform:none}
.ck-vt{display:flex;align-items:center;gap:12px;padding:18px 20px;background:hsl(var(--carte));box-shadow:0 1px 0 hsl(var(--trait))}
.ck-vt .ck-gros{font-size:34px;color:hsl(var(--encre))}
.ck-vt b{font-size:16px}
.ck-x{margin-left:auto;width:38px;height:38px;border-radius:11px;display:grid!important;place-items:center;background:hsl(var(--gris-doux))!important}
.ck-corps{flex:1;overflow:auto;padding:14px 20px;display:grid;gap:10px;align-content:start}
.ck-it{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset;animation:ck-entree .38s var(--sortie) both}
.ck-it-img{width:72px;height:50px;border-radius:9px;object-fit:cover;display:block}
.ck-it b{display:block;font-size:14px}.ck-it small{display:block;font-size:12.5px;color:hsl(var(--doux));margin-top:2px}
.ck-pied{padding:14px 20px;background:hsl(var(--carte));box-shadow:0 -1px 0 hsl(var(--trait))}
.ck-pied button{width:100%;height:44px;border-radius:12px;font-weight:650;background:hsl(var(--gris-doux))!important}

.ck-basbar{display:none}
@media (max-width:1100px){.ck-cols{grid-template-columns:minmax(0,1fr);grid-template-areas:'a' 'c' 'b'}.ck-ct{flex-wrap:wrap}}
@media (max-width:640px){
  main.page:has(.ck-page){padding:14px 16px 150px}
  .ck-salut h1{font-size:22px}
  .ck-postes{margin-left:0;overflow-x:auto;max-width:100%}
  .ck-bandeau,.ck-bandeau.ck-seul,.ck-bandeau-prepa{grid-template-columns:1fr;gap:10px;padding:16px}
  .ck-bandeau .ck-pipe{grid-column:auto}
  .ck-bandeau:not(.ck-bandeau-prepa):not(.ck-seul){grid-template-columns:1fr 1fr}
  .ck-pipe .ck-v:nth-child(n+3):not(.ck-plus){display:none}
  .ck-attente .ck-lien{white-space:nowrap}
  .ck-bandeau:not(.ck-bandeau-prepa) .ck-titre{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .ck-bandeau:not(.ck-bandeau-prepa) .ck-titre .ck-oeil{margin:0 0 0 auto}
  .ck-jauge{padding:10px 12px}.ck-gros{font-size:24px}.ck-jauge-l{flex-wrap:wrap}.ck-ecart{margin-left:0;font-size:11px}.ck-leg{display:none}
  .ck-tuiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ck-tuile{padding:12px!important;column-gap:10px}.ck-tuile .ck-chiffre{font-size:28px;min-width:0}.ck-t-lib{font-size:13px}
  .ck-pipe{padding:10px 0 0}.ck-nd{width:34px;height:34px;font-size:14px}.ck-v{width:24px;height:24px;margin-left:-11px}.ck-nm{font-size:11px}.ck-sub{display:none}.ck-pipe::before,.ck-pipe::after{top:27px}
  .ck-lg{grid-template-columns:minmax(0,1fr) auto}.ck-tags{display:none}.ck-lg-corps{grid-template-columns:56px minmax(0,1fr)}.ck-lg-img{width:56px;height:40px}
  .ck-r{grid-template-columns:36px minmax(0,1fr) 18px}.ck-r .ck-vgs{display:none}
  .ck-ev{grid-template-columns:44px minmax(0,1fr)}.ck-coches{grid-column:2}
  body:has(.ck-page) .c1-bas{display:none}
  .ck-basbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;z-index:60;left:0;right:0;bottom:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:hsl(0 0% 100%/.9);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 -1px 0 hsl(var(--trait))}
  .ck-basbar a{display:grid;place-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:650;color:hsl(var(--doux));position:relative}
  .ck-basbar a.on{color:hsl(var(--azur-fort))}
  .ck-basbar .ck-c{position:absolute;top:2px;left:55%;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;background:hsl(var(--rouge));color:#fff;display:grid;place-items:center}
  .ck-volet{top:auto;height:92vh;width:100vw;border-radius:22px 22px 0 0;transform:translateY(104%)}.ck-volet.on{transform:none}
  .ck-it{grid-template-columns:56px minmax(0,1fr)}.ck-it .ck-mini{grid-column:1/-1;justify-content:center}.ck-it-img{width:56px;height:40px}
}

/* --- barre commune : cloche et ampoule --- */
.ck-bx-barre{display:inline-flex;gap:2px;align-items:center}
.ck-bx-b{position:relative;width:38px;height:38px;border-radius:11px;display:grid!important;place-items:center;color:hsl(0 0% 100%/.82)!important;transition:background 160ms}
.ck-bx-b:hover,.ck-bx-b.on{background:hsl(0 0% 100%/.12)!important}
.ck-bx-b svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck-bx-n{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;font:800 10.5px/17px Inter,system-ui;text-align:center;background:hsl(0 72% 50%);color:#fff;box-shadow:0 0 0 2px hsl(216 56% 11%)}
.ck-bx-b.ck-sonne svg{animation:ck-sonne .9s var(--ressort)}
@keyframes ck-sonne{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}
.ck-bx-fond{position:fixed;inset:0;z-index:139;display:none}
.ck-bx-fond.on{display:block}
.ck-bx-p{position:fixed;z-index:140;top:62px;right:16px;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow:auto;border-radius:20px;background:#fff;color:hsl(var(--encre));box-shadow:var(--ombre-3);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity 200ms,transform 200ms var(--sortie)}
.ck-bx-p.on{opacity:1;transform:none;pointer-events:auto}
.ck-bx-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid hsl(var(--trait));position:sticky;top:0;background:#fff;z-index:1}
.ck-bx-h b{font-size:15px}
.ck-bx-h button,.ck-bx-h a{margin-left:auto;font:650 12.5px Inter,system-ui;color:hsl(var(--azur-fort))!important;text-decoration:none}
.ck-bx-h button:disabled{color:hsl(var(--doux))!important;cursor:default}
.ck-bx-i{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;text-align:left;padding:11px 16px!important;border-bottom:1px solid hsl(220 18% 94%)!important;transition:background 160ms;animation:ck-bx-in .35s var(--sortie) both}
button.ck-bx-i:hover{background:hsl(var(--fond))!important}
.ck-bx-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:hsl(var(--gris-doux))}
.ck-bx-i b{display:block;font-size:13.5px}.ck-bx-i small{display:block;font-size:12.5px;color:hsl(var(--doux));margin-top:2px}
.ck-bx-i time{font-size:11.5px;color:hsl(220 11% 45%);white-space:nowrap}
.ck-bx-nl b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:hsl(var(--azur));margin-left:6px;vertical-align:middle}
.ck-bx-bleu{background:hsl(var(--azur-doux));color:hsl(var(--azur-fort))}.ck-bx-vert{background:hsl(var(--vert-doux));color:hsl(var(--vert))}.ck-bx-orange{background:hsl(var(--orange-doux));color:hsl(var(--orange))}.ck-bx-menthe{background:hsl(var(--menthe-doux));color:hsl(var(--menthe-fort))}.ck-bx-gris{background:hsl(var(--gris-doux));color:hsl(var(--doux))}
@keyframes ck-bx-in{from{opacity:0;transform:translateY(-6px)}}
.ck-bx-vide{padding:16px;margin:0;color:hsl(var(--doux));font-size:13.5px}
.ck-bx-pied{margin:0;padding:10px 16px 12px;font-size:11.5px;color:hsl(var(--doux))}
.ck-bx-f{padding:14px 16px;display:grid;gap:10px}
.ck-bx-f textarea{width:100%;min-height:96px;resize:vertical;border:0;border-radius:12px;padding:12px;font:500 14px/1.45 Inter,system-ui;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;outline:none;box-sizing:border-box}
.ck-bx-f textarea:focus{background:#fff;box-shadow:0 0 0 2px hsl(var(--azur)) inset}
.ck-bx-c{display:flex;gap:6px;flex-wrap:wrap}
.ck-bx-c button{height:32px;padding:0 11px!important;border-radius:9px;font:600 13px Inter,system-ui;background:hsl(var(--fond))!important;box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset}
.ck-bx-c button.on{background:hsl(var(--azur))!important;color:#fff!important;box-shadow:none}
.ck-bx-go{height:42px;border-radius:12px;font:650 14px Inter,system-ui;color:#06302d!important;background:linear-gradient(180deg,hsl(172 66% 56%),hsl(172 60% 46%))!important}
.ck-bx-go:disabled{opacity:.6}
.ck-bx-ok{margin:0;color:hsl(var(--vert));font-weight:650;font-size:13px}.ck-bx-ko{margin:0;color:hsl(var(--rouge));font-weight:650;font-size:13px}
.ck-bx-t{font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--doux));padding:12px 16px 4px}
.ck-bx-idee{grid-template-columns:minmax(0,1fr) auto;cursor:default}
.ck-bx-st{font:700 11.5px Inter,system-ui;padding:3px 8px;border-radius:7px;white-space:nowrap}
.ck-bx-toast{position:fixed;z-index:150;top:66px;right:16px;width:min(380px,calc(100vw - 24px));display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 14px;border:0;border-radius:16px;text-align:left;background:hsl(216 56% 11%/.95);color:#fff;box-shadow:0 20px 50px -12px hsl(220 50% 10%/.5);animation:ck-bx-arr .45s var(--ressort) both;cursor:pointer;font-family:Inter,system-ui}
.ck-bx-toast b{display:block;font-size:13.5px}.ck-bx-toast small{display:block;font-size:12.5px;color:hsl(0 0% 100%/.7)}
.ck-bx-toast .ck-bx-ic{background:hsl(172 66% 56%/.2)}
@keyframes ck-bx-arr{from{opacity:0;transform:translateX(30px) scale(.96)}}
@media (max-width:640px){.ck-bx-p{top:58px;right:12px}.ck-bx-barre{gap:0}.ck-bx-b{width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.ck-page *,.ck-page *::before,.ck-page *::after,.ck-bx-p *,.ck-bx-b svg,.ck-bx-toast{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}