/*
   Même langage que JARVIS : noir, blanc, gris, un seul bleu (#0a84ff), verre discret. Rien ne touche le dôme ni l'accueil : tout est posé par-dessus. */

/* --- La bulle de JARVIS, près du dôme */
.bzm-bulle {
  position: fixed; z-index: 7; left: 0; top: 0; width: max-content; max-width: 300px; padding: 11px 16px; border-radius: 22px 22px 22px 8px; pointer-events: auto;
  background: var(--th-raised); box-shadow: inset 0 0 0 1px rgb(var(--th-w) / calc(.1 * var(--th-fa))), 0 20px 50px rgb(var(--th-k) / calc(.55 * var(--th-ka))); color: var(--ink);
  will-change: transform;   /* elle ne bouge que par transform ; plus de flou d'arrière-plan sous un élément qui se déplace (c'est ce qui la faisait avancer par saccades) */
}
.bzm-bulle.is-in { animation: bzm-in .35s var(--ease) both; }
@keyframes bzm-in { from { opacity: 0; } }
.bzm-bulle-t { font: 500 14.5px/1.4 var(--font); overflow-wrap: anywhere; }
.bzm-bulle-b, .bzm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.bzm-b { min-height: 34px; padding: 0 14px; border: 0; border-radius: 17px; background: rgb(var(--th-w) / calc(.12 * var(--th-fa))); color: var(--ink); font: 590 13px var(--font); transition: background .2s; }
.bzm-b:hover { background: rgb(var(--th-w) / calc(.2 * var(--th-fa))); }
.bzm-b.is-main { background: var(--blue-fond); color: var(--th-on); }
.bzm-b.is-main:hover { filter: brightness(1.12); }
.bzm-b:disabled { opacity: .5; }

/* --- Glisser une ligne sur le dôme */
.bzm-esp {
  position: absolute; z-index: 1; right: 6px; top: 50%; width: 30px; height: 30px; margin-top: -15px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%;
  background: rgb(var(--th-w) / calc(.08 * var(--th-fa))); color: var(--dim); opacity: .72; transition: background .2s, color .2s, opacity .2s;
}
.bzm-esp:hover, .bzm-esp:focus-visible { background: rgb(var(--th-blue-rgb) / .28); color: var(--th-hi); opacity: 1; }
[data-mz] { position: relative; }
.bz-today-row[data-mz] { padding-right: 46px; }
li[data-mz]:not(.bz-today-row) .bz-task { padding-right: 44px; }
[data-mz][draggable="true"] { cursor: grab; }
.bzm-glisse [data-mz] { cursor: grabbing; }
/* */
.bz-layer.bzm-ecarte, .bz-layer.bzm-ecarte * { opacity: 0 !important; pointer-events: none !important; transition: opacity .15s !important; }
.bzm-indice {
  position: fixed; z-index: 9; left: 0; top: 0; pointer-events: none; padding: 7px 14px; border-radius: 999px; background: var(--th-hi); color: var(--th-page); font: 650 13px var(--font); white-space: nowrap;
  animation: bzm-in .2s var(--ease) both;
}
.bzm-anneau { position: fixed; z-index: 3; left: 0; top: 0; pointer-events: none; border: 2px dashed rgb(var(--th-w) / calc(.75 * var(--th-fa))); border-radius: 50%; animation: bzm-pouls 1.1s ease-in-out infinite; }
@keyframes bzm-pouls { 50% { opacity: .45; transform: scale(1.06); } }
.bz-mascot-btn.is-travail { cursor: progress; }

/* --- À valider : la carte flottante, au-dessus de la barre */
.bzm-valid {
  position: fixed; z-index: 6; left: 50%; bottom: calc(max(22px, env(safe-area-inset-bottom)) + 70px + var(--kb, 0px)); transform: translateX(-50%); width: min(480px, calc(100vw - 24px)); max-height: min(62dvh, 560px); overflow-y: auto;
  padding: 10px; border-radius: 28px; background: rgb(var(--th-gl-a) / .94); box-shadow: inset 0 0 0 1px rgb(var(--th-w) / calc(.1 * var(--th-fa))), 0 30px 80px rgb(var(--th-k) / calc(.7 * var(--th-ka)));
  -webkit-backdrop-filter: blur(40px) saturate(1.7); backdrop-filter: blur(40px) saturate(1.7); animation: bzm-monte .3s var(--ease) both; overscroll-behavior: contain;
}
@keyframes bzm-monte { from { opacity: 0; transform: translate(-50%, 14px); } }
.bzm-valid .bzc-carte, .bzm .bzc-carte { background: rgb(var(--th-w) / calc(.06 * var(--th-fa))); }
.bzm-valid .bzc-carte.is-suspecte, .bzm .bzc-carte.is-suspecte { background: rgb(var(--th-orange-rgb) / .1); }
/* La croix range la carte en une pastille ; le texte long défile dans la carte pour que les boutons restent en vue */
.bzm-ranger { position: absolute; z-index: 1; top: 18px; right: 18px; display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgb(var(--th-w) / calc(.12 * var(--th-fa))); color: var(--ink); }
.bzm-valid .bzc-carte-titre { padding-right: 38px; }
.bzm-valid .bzc-carte-lignes dd.is-long { max-height: 9.5em; overflow-y: auto; }
.bzm-valid .bzm-edit { min-height: 110px; max-height: 28dvh; }
.bzm-valid .bzc-carte-actions { position: sticky; z-index: 1; bottom: -10px; margin: 12px -16px 0; padding: 12px 16px 6px; background: var(--th-deep12); }
.bzm-valid .bzc-carte.is-suspecte .bzc-carte-actions { background: var(--th-amber-bg); }
.bzm-valid.is-rangee { width: auto; padding: 0; border-radius: 999px; }
.bzm-pilule { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border: 0; background: none; color: var(--ink); font: 590 14px var(--font); white-space: nowrap; }
.bzm-pilule::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); }
.bzm-plus { display: block; width: 100%; margin-top: 6px; padding: 8px; border: 0; background: none; color: var(--dim); font: 590 13px var(--font); }
.bzm-carte + .bzm-carte { margin-top: 8px; }
.bzm-edit { width: 100%; margin-top: 10px; min-height: 160px; padding: 12px 14px; border: 0; border-radius: 14px; background: rgb(var(--th-k) / calc(.32 * var(--th-ka))); color: var(--ink); font: 400 15px/1.45 var(--font); resize: vertical; outline: none; }
.bzm-edit:focus-visible { box-shadow: inset 0 0 0 1.5px var(--blue); }
.bzm-n { padding: 3px 8px; border-radius: 999px; background: var(--blue-fond); color: var(--th-on); font: 650 11px/1 var(--font); letter-spacing: 0; }

/* --- Le mode « En appel » */
.bzm-pastille {
  position: fixed; z-index: 46; left: 50%; top: max(10px, calc(env(safe-area-inset-top) + 4px)); transform: translateX(-50%); display: inline-flex; align-items: center; gap: 9px; height: 34px; padding: 0 8px 0 14px;
  border: 0; border-radius: 17px; background: rgb(var(--th-red-rgb) / .18); box-shadow: inset 0 0 0 1px rgb(var(--th-red-rgb) / .55); color: var(--th-red-text-c); font: 590 13px var(--font); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);
}
.bzm-pastille b { width: 9px; height: 9px; border-radius: 50%; background: var(--th-red); animation: bzm-bat 1.6s ease-in-out infinite; }
.bzm-pastille u { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgb(var(--th-w) / calc(.14 * var(--th-fa))); text-decoration: none; font-size: 14px; line-height: 1; }
@keyframes bzm-bat { 50% { opacity: .35; } }
body.bzm-en-appel .bz-mascot-btn { cursor: default; }

/* --- Le panneau */
.bzm .bzm-ask { display: flex; gap: 8px; margin: 2px 0 8px; }
.bzm .bzm-ask input { flex: 1; border-radius: 999px; padding: 12px 18px; }
.bzm-send { flex: none; display: grid; place-items: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background: var(--blue); color: var(--th-on); transition: filter .2s, transform .2s; }
.bzm-send:hover { filter: brightness(1.12); }
.bzm-send:active { transform: scale(.94); }
.bzm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 6px; }
.bzm-chips .bz-chip { min-height: 36px; font-size: 13.5px; }
.bzm-chat { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 4px; max-height: 46dvh; overflow-y: auto; overscroll-behavior: contain; padding: 2px; }
.bzm-msg { max-width: 92%; padding: 11px 15px; border-radius: 20px; font-size: 15.5px; line-height: 1.4; }
.bzm-msg.me { align-self: flex-end; background: var(--blue-fond); color: var(--th-on); border-bottom-right-radius: 6px; }
.bzm-msg.mz { align-self: flex-start; width: 100%; max-width: 100%; background: rgb(var(--th-w) / calc(.08 * var(--th-fa))); border-bottom-left-radius: 6px; }
.bzm-texte { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.bzm-pied { margin: 8px 0 0; font: 500 11.5px/1.3 var(--font); color: var(--faint); }
.bzm .bzc-etat { margin: 0; }
.bzm .bzc-fait { margin-top: 8px; }
.bzm .bzc-liens { margin-top: 10px; }
.bzm-liste { display: grid; gap: 6px; }
.bzm-vide { padding: 12px; color: var(--faint); font-size: 14.5px; }
.bzm-fait { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 16px; background: var(--glass); font-size: 14.5px; }
.bzm-fait time { flex: none; width: 42px; color: var(--faint); font-size: 12.5px; }
.bzm-fait span:not(.bzc-annule-dit):not(.bzm-erreur) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.bzm-fait.is-annule > span:not(.bzc-annule-dit) { text-decoration: line-through; opacity: .7; }
.bzm-erreur { color: var(--th-orange-text); font-size: 12.5px; }
.bzm-appel { display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; border-radius: 18px; background: var(--glass); }
.bzm-appel-t { flex: 1; min-width: 0; display: grid; gap: 2px; }
.bzm-appel-t b { font: 600 15.5px var(--font); }
.bzm-appel-t small { color: var(--faint); font-size: 13px; }
.bzm-agenda { margin-top: 6px; display: grid; gap: 6px; }
.bzm-niveaux { display: grid; gap: 6px; }
.bzm-niveau { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; padding: 12px 16px; border: 0; border-radius: 18px; background: var(--glass); color: var(--ink); text-align: left; transition: background .2s, box-shadow .2s; }
.bzm-niveau b { font: 600 15px var(--font); }
.bzm-niveau span { color: var(--faint); font-size: 13.5px; line-height: 1.35; }
.bzm-niveau:hover { background: var(--glass-2); }
.bzm-niveau[aria-checked="true"] { box-shadow: inset 0 0 0 1.5px var(--blue); background: rgb(var(--th-blue-rgb) / .12); }
.bzm-interrupteur { flex-direction: row; align-items: center; justify-content: space-between; margin-top: 6px; }
.bzm-interrupteur > span { display: grid; gap: 3px; }
.bzm-interrupteur > span > b { color: var(--ink); }   /* le titre d'un interrupteur prenait le gris du texte d'aide (.bzm-niveau span) : il avait l'air désactivé */
.bzm-sw { flex: none; position: relative; width: 44px; height: 26px; border-radius: 13px; background: rgb(var(--th-w) / calc(.2 * var(--th-fa))); transition: background .2s; margin-left: 12px; }
.bzm-sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--th-on); box-shadow: 0 1px 3px rgb(var(--th-k) / calc(.4 * var(--th-ka))); transition: transform .2s; }
.bzm-interrupteur[aria-checked="true"] .bzm-sw { background: var(--blue); }
.bzm-interrupteur[aria-checked="true"] .bzm-sw::after { transform: translateX(18px); }
.bzm-interrupteur[aria-checked="true"] { box-shadow: none; background: var(--glass); }
.bzm-mascottes { display: grid; gap: 6px; margin-top: 12px; }
.bzm-seg { grid-template-columns: repeat(3, 1fr); }
.bzm-aide { margin: 6px 12px 0; font: 450 13px/1.4 var(--font); color: var(--faint); }
.bzm-gestes { margin-top: 22px; }
.bzm-diapo { display: grid; gap: 8px; padding: 14px 16px; border-radius: 20px; background: var(--glass); }
.bzm-diapo .bzm-aide { margin: 2px 0 0; }
.bzm-diapo-ok { display: flex; align-items: center; gap: 10px; font: 590 14.5px var(--font); }
.bzm-pt { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); }
.bzm-lien-label { display: grid; gap: 7px; }
.bzm-lien-label > span { font: 590 12px/1 var(--font); color: var(--faint); }
.bzm-lien-champ { width: 100%; min-height: 46px; padding: 10px 16px; border: 0; border-radius: 14px; background: rgb(var(--th-w) / calc(.09 * var(--th-fa))); color: var(--ink); font-size: 15px; outline: none; }
.bzm-lien-champ:focus-visible { box-shadow: inset 0 0 0 1.5px var(--blue); }
.bzm-msg-etat { margin: 0; font-size: 13.5px; color: var(--dim); }

.bzk {
  position: fixed; inset: 0; z-index: 45; display: flex; flex-direction: column; background: rgb(var(--th-ov) / .985); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); color: var(--ink); outline: none;
  padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);
}
.bzk:not([hidden]) { animation: bzm-in .25s ease-out; }
.bzk-top { display: flex; align-items: center; gap: 16px; padding: 16px 24px 12px; }
.bzk-title { flex: 1; min-width: 0; }
.bzk-title h2 { margin-top: 4px; font: 700 28px/1.1 var(--font); letter-spacing: -.03em; }
.bzk-tag { font: 600 12px/1 var(--font); letter-spacing: .05em; color: rgb(var(--th-blue-tint) / .85); }
.bzk-sub { display: block; margin-top: 3px; color: var(--faint); font-size: 14px; }
.bzk-timer { display: flex; align-items: center; gap: 12px; flex: none; }
.bzk-timer b { min-width: 70px; text-align: right; color: var(--faint); font: 650 26px var(--font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.bzk-timer.run b { color: var(--ink); }
.bzk-go { min-height: 44px; padding: 0 22px; border: 0; border-radius: 22px; background: var(--blue-fond); color: var(--th-on); font: 650 15px var(--font); }
.bzk-go.stop { background: rgb(var(--th-red-rgb) / .2); color: var(--th-red-text2); }
.bzk-go:disabled { opacity: .5; }
.bzk-timer .bzc-notice { position: absolute; right: 24px; top: 70px; max-width: 360px; z-index: 2; }
.bzk-tabs { display: none; margin: 0 16px 10px; grid-template-columns: repeat(3, 1fr); }
.bzk-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) minmax(280px, 360px); gap: 14px; padding: 0 24px 12px; }
.bzk-col { background: var(--glass); border-radius: 26px; padding: 18px; overflow-y: auto; min-height: 0; scrollbar-width: none; overscroll-behavior: contain; }
.bzk-col::-webkit-scrollbar { display: none; }
.bzk-sec { margin: 16px 0 6px; font: 590 12px/1 var(--font); letter-spacing: .05em; text-transform: uppercase; color: var(--faint); }
.bzk-sec:first-child { margin-top: 0; }
.bzk-who { font: 700 24px/1.15 var(--font); letter-spacing: -.025em; overflow-wrap: anywhere; }
.bzk-meta { margin: 2px 0 12px; color: var(--faint); font-size: 14px; }
.bzk-fr { padding: 11px 0; border-top: 1px solid var(--line); }
.bzk-fr .k { font: 600 12.5px var(--font); color: var(--faint); }
.bzk-fr .v { margin-top: 2px; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; white-space: pre-wrap; }
.bzk-tip { margin-top: 10px; padding: 12px 14px; border: 0; border-radius: 16px; background: rgb(var(--th-blue-tint) / .1); }
.bzk-vide { color: var(--faint); font-size: 14px; }
.bzk-hist { display: grid; gap: 1px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 14px; }
.bzk-hist small { color: var(--faint); font-size: 12px; }
.bzk-hist span { overflow-wrap: anywhere; color: var(--dim); }
.bzk-etape { display: flex; flex-direction: column; gap: 12px; padding: 14px; }
.bzk-slide { flex: 1; min-height: 0; overflow-y: auto; background: var(--th-deep2); border: 1px solid var(--line); border-radius: 20px; padding: 28px 32px; display: flex; flex-direction: column; justify-content: flex-start; gap: 16px; position: relative; }
/* centré quand c'est court, lisible depuis le haut quand c'est long (justify-content: center rognerait le titre) */
.bzk-slide > h3 { margin-top: auto; }
.bzk-slide > :last-child { margin-bottom: auto; }
.bzk-slide.long { gap: 12px; padding-top: 40px; }
.bzk-slide.long h3 { font-size: 28px; }
.bzk-slide.long ul { gap: 7px; }
.bzk-slide.long li { font-size: 16.5px; }
.bzk-no { position: absolute; top: 16px; right: 20px; color: var(--faint); font: 600 13px var(--font); }
.bzk-slide h3 { max-width: 20ch; font: 700 34px/1.1 var(--font); letter-spacing: -.03em; }
.bzk-slide ul { display: flex; flex-direction: column; gap: 10px; }
.bzk-slide li { position: relative; padding-left: 22px; color: var(--dim); font-size: 19px; line-height: 1.35; }
.bzk-slide li::before { content: ""; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--th-blue-tint) / .9); }
.bzk-say { padding-top: 12px; border-top: 1px solid var(--line); color: var(--dim); font-size: 14.5px; line-height: 1.45; }
.bzk-say b { color: var(--ink); }
.bzk-partage { padding: 10px 14px; border-radius: 12px; background: rgb(var(--th-blue-tint) / .14); border: 1px solid rgb(var(--th-blue-tint) / .35); color: var(--ink); font-size: 14.5px; line-height: 1.4; }
.bzk-partage b { color: var(--th-hi); }
.bzk-nav { display: flex; align-items: center; gap: 10px; }
.bzk-dots { flex: 1; display: flex; gap: 6px; justify-content: center; }
.bzk-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--th-w) / calc(.2 * var(--th-fa))); cursor: pointer; }
.bzk-dots i.on { background: var(--th-hi); }
.bzk-round { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgb(var(--th-w) / calc(.1 * var(--th-fa))); color: var(--ink); }
.bzk-round:disabled { opacity: .3; }
.bzk-diapo { padding: 2px 4px 4px; }
.bzk-diapo .bzk-sec { margin-top: 4px; }
.bzk-diapo .bzm-diapo { background: rgb(var(--th-w) / calc(.05 * var(--th-fa))); }
.bzk-notes { display: flex; flex-direction: column; }
.bzk-notes textarea { flex: 1; min-height: 160px; padding: 14px; border: 0; border-radius: 18px; background: rgb(var(--th-w) / calc(.07 * var(--th-fa))); color: var(--ink); font-size: 15.5px; line-height: 1.5; outline: 0; resize: none; }
.bzk-notes textarea:focus { background: rgb(var(--th-w) / calc(.1 * var(--th-fa))); box-shadow: inset 0 0 0 1.5px var(--blue); }
.bzk-qt { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.bzk-qt button { min-height: 32px; padding: 0 13px; border: 0; border-radius: 16px; background: var(--glass-2); color: var(--ink); font: 590 13px var(--font); }
.bzk-qt button:hover { background: rgb(var(--th-w) / calc(.18 * var(--th-fa))); }
.bzk-save { margin: 8px 4px 0; font-size: 12.5px; color: var(--faint); }
.bzk-foot { display: flex; align-items: center; gap: 16px; padding: 6px 24px 16px; }
.bzk-assistant { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--th-panel); object-fit: cover; object-position: 50% 40%; }
.bzk-bulle { width: min(300px, 28vw); flex: none; padding: 9px 14px; border-radius: 18px 18px 18px 6px; background: rgb(var(--th-w) / calc(.1 * var(--th-fa))); font-size: 14px; line-height: 1.35; }
.bzk-steps { flex: 1; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.bzk-steps::-webkit-scrollbar { display: none; }
.bzk-steps button { flex: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; height: 38px; padding: 0 14px; border: 0; border-radius: 19px; background: var(--glass); color: var(--dim); font: 590 13.5px var(--font); }
.bzk-steps button .n { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgb(var(--th-w) / calc(.14 * var(--th-fa))); font-size: 11.5px; }
.bzk-steps button.cur { background: rgb(var(--th-w) / calc(.2 * var(--th-fa))); color: var(--th-hi); }
.bzk-steps button.ok { color: var(--faint); }
.bzk-steps button.ok .n { background: var(--blue-fond); color: var(--th-on); }
.bzk-choix { flex: 1; min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 8px; width: min(560px, 100%); margin: 0 auto; padding: 8px 24px 24px; }
.bzk-cand { display: grid; gap: 3px; width: 100%; padding: 14px 18px; border: 0; border-radius: 20px; background: var(--glass); color: var(--ink); text-align: left; }
.bzk-cand:hover { background: var(--glass-2); }
.bzk-cand b { font: 600 17px var(--font); }
.bzk-cand small { color: var(--faint); font-size: 13.5px; }
body.bzk-ouvert .bzm-valid, body.bzk-ouvert .bzm-bulle { display: none; }

@media (max-width: 900px) {
  .bzk-top { padding: 12px 16px 8px; gap: 10px; flex-wrap: wrap; }
  .bzk-title h2 { font-size: 22px; }
  .bzk-timer { width: 100%; }
  .bzk-timer b { text-align: left; font-size: 22px; }
  .bzk-go { margin-left: auto; }
  .bzk-timer .bzc-notice { position: static; max-width: none; }
  .bzk-tabs { display: grid; }
  .bzk-grid { display: block; padding: 0 16px 8px; overflow: hidden; }
  .bzk-col { display: none; height: 100%; }
  .bzk-col.act { display: block; }
  .bzk-col.act.bzk-etape, .bzk-col.act.bzk-notes { display: flex; }
  .bzk-etape { overflow-y: auto; }
  .bzk-etape > * { flex: none; }
  .bzk-slide, .bzk-slide.long { padding: 20px 18px; overflow: visible; min-height: 62dvh; }
  .bzk-slide > h3 { margin-top: 0; }
  .bzk-slide.long h3 { font-size: 24px; }
  .bzk-slide.long { padding-top: 40px; }
  .bzk-slide h3 { font-size: 24px; }
  .bzk-slide li { font-size: 16.5px; }
  .bzk-foot { flex-wrap: wrap; padding: 4px 16px 14px; gap: 8px; }
  .bzk-bulle { width: calc(100% - 56px); flex: 1; }
  .bzk-steps { width: 100%; flex: none; order: 3; }
}
@media (max-width: 700px) {
  /* Neuf icônes dans le dock : sur téléphone il défile (la croix reste visible), l'icône active est ramenée au centre à l'ouverture */
  .bz-phead { gap: 8px; }
  .bz-phead .bz-dock { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .bz-phead .bz-dock::-webkit-scrollbar { display: none; }
  .bz-phead .bz-dock-btn, .bz-phead .bz-x { flex: none; }
  .bzm-valid { bottom: calc(max(22px, env(safe-area-inset-bottom)) + 68px + var(--kb, 0px)); }
  .bzm-chat { max-height: 38dvh; }
}
@media (prefers-reduced-motion: reduce) { .bzm-bulle.is-in, .bzm-valid, .bzk:not([hidden]), .bzm-indice, .bzm-anneau, .bzm-pastille b { animation: none; } }