/* ==========================================================================
   OUTILS DU BUREAU — S'EXERCER AUX COMBINAISONS DE TOUCHES   [2026-10-14]
   Fichier : static/bureau/css/bureau-keys-coach.css — script : static/bureau/js/bureau-keys-coach.js
   .bzk-coach : bulle d'exercice (touches qui s'allument) ; .bzk-all : liste complète avec « S'exercer ».
   ========================================================================== */
.bzk-coach { position: fixed; right: 18px; bottom: 18px; z-index: 985; width: min(380px, calc(100vw - 24px)); background: var(--bz-surface); color: var(--bz-ink); border: 1px solid var(--bz-line-strong); border-radius: 14px; box-shadow: 0 18px 50px rgba(11, 40, 84, .28); padding: 12px 14px; font: 13.5px/1.45 var(--bz-font); }
.bzk-coach header { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--bz-accent); }
.bzk-coach h4 { margin: 6px 0 2px; font-size: 18px; font-weight: 900; }
.bzk-coach__what { margin: 0 0 8px; color: var(--bz-muted); }
.bzk-coach__keys { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 4px 0 8px; }
.bzk-coach__keys kbd { min-width: 44px; text-align: center; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--bz-line-strong); border-bottom-width: 4px; background: var(--bz-surface-2, #f3f5f9); font: 800 14px var(--bz-font); color: var(--bz-ink); transition: transform .08s, background .08s; }
.bzk-coach__keys kbd.is-down { transform: translateY(2px); border-bottom-width: 2px; background: var(--bz-accent); color: #fff; }
.bzk-coach__keys span { font-weight: 900; color: var(--bz-muted); }
.bzk-coach ol { margin: 0 0 8px; padding-left: 18px; }
.bzk-coach__out { margin: 0; padding: 8px 10px; border-radius: 9px; background: var(--bz-accent-soft); font-weight: 600; }
.bzk-coach.is-ok .bzk-coach__out { background: rgba(31, 138, 76, .14); color: var(--bz-ok, #1f8a4c); }
.bzk-all { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.bzk-all [data-list] { overflow: auto; max-height: 60vh; }
.bzk-all__tab { margin: 12px 0 4px; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--bz-muted); }
.bzk-all__row { display: grid; grid-template-columns: minmax(130px, 210px) minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px 4px; border-bottom: 1px solid var(--bz-line); }
.bzk-all__row kbd { font: 700 12.5px var(--bz-font); background: var(--bz-surface-2, #f3f5f9); border: 1px solid var(--bz-line-strong); border-radius: 6px; padding: 3px 7px; justify-self: start; }
.bzk-all__row b { display: block; font-size: 13px; }
.bzk-all__row small { color: var(--bz-muted); font-size: 12px; }
@media (max-width: 640px) { .bzk-all__row { grid-template-columns: 1fr; } .bzk-coach { left: 8px; right: 8px; bottom: 8px; width: auto; } }