/* Reprodutor exclusivo da central: os quadros são capturas, não formulários ativos. */
.kb-walkthrough{margin:0 0 2rem}
.kb-walkthrough-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin-bottom:.75rem}
.kb-walkthrough-heading h2{margin:0}
.kb-walkthrough-heading>span{font-size:.6875rem;color:#66728a}
.kb-player{border:1px solid #d6deea;border-radius:.65rem;overflow:hidden;background:#fff;min-width:0;box-shadow:0 .3rem 1.2rem #081f5908}
.kb-player-screen{position:relative;overflow:hidden;background:#f7f8fc;aspect-ratio:3/2;isolation:isolate}
.kb-player-scene{width:100%;transform-origin:0 0}
.kb-player-scene img{display:block;width:100%;height:auto;max-width:none}
.kb-player-ready .kb-player-scene{position:absolute;inset:0 auto auto 0;width:1440px;height:960px;will-change:transform}
.kb-player-ready .kb-player-scene img{width:1440px;height:960px}
.kb-player-target{position:absolute;pointer-events:none;border:2px solid #356ef5;border-radius:.3rem;box-shadow:0 0 0 3px #356ef526;z-index:2;opacity:0;transition:opacity .25s ease}
.kb-player-target[data-on]{opacity:1}
/* Seta, mãozinha sobre botões e cursor de texto sobre campos, como no navegador. */
.kb-player-cursor{position:absolute;left:0;top:0;z-index:4;pointer-events:none;filter:drop-shadow(0 1px 1.5px #0004);will-change:transform}
.kb-player-cursor>g{display:none}
.kb-player-cursor[data-cursor=arrow]>[data-shape=arrow],.kb-player-cursor[data-cursor=pointer]>[data-shape=pointer],.kb-player-cursor[data-cursor=text]>[data-shape=text]{display:inline}
.kb-player-click{position:absolute;left:0;top:0;width:28px;height:28px;border:2px solid #356ef5;background:#356ef51f;border-radius:50%;z-index:3;pointer-events:none;opacity:0}
.kb-player-key{position:absolute;right:1rem;bottom:1rem;z-index:4;pointer-events:none;border:1px solid #b8c8e8;border-bottom-width:3px;border-radius:.4rem;padding:.4rem .8rem;background:white;color:#081f59;font-size:.875rem;box-shadow:0 2px 6px #081f591a;transition:transform .07s ease,border-bottom-width .07s ease,background-color .07s ease}
.kb-player-key[data-pressed]{transform:translateY(2px);border-bottom-width:1px;background:#e8eefc}
/* Digitação: recortes da captura seguinte dentro da cena (acompanham a câmera) e o caret do campo. */
.kb-player-typing{position:absolute;inset:0;pointer-events:none}
.kb-player-typing>div{position:absolute;background-repeat:no-repeat;background-size:1440px 960px}
.kb-player-typing>.kb-player-caret{width:1.5px;background:#111827;animation:kb-caret 1.06s step-end infinite}
.kb-player-typing>.kb-player-caret[data-typing],.kb-walkthrough[data-playing=false] .kb-player-caret{animation:none}
@keyframes kb-caret{50%{opacity:0}}
.kb-player-caption{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap;padding:1rem 1rem .5rem;border-top:1px solid #e4e9f1;min-height:5.1rem}
.kb-player-counter{font-size:.75rem;color:#174bc1;font-weight:600;white-space:nowrap;border:1px solid #dce5f8;border-radius:.3rem;padding:.15rem .4rem;font-variant-numeric:tabular-nums}
.kb-player-caption p{margin:.05rem 0 0;font-size:.875rem;line-height:1.5;flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
.kb-player-controls{display:flex;align-items:center;gap:.5rem;padding:.35rem 1rem .85rem;flex-wrap:wrap}
.kb-player-controls button,.kb-player-dialog header button{border:1px solid #d4ddea;background:#f7f9fc;color:#081f59;border-radius:.35rem;min-height:2.5rem;padding:.4rem .7rem;font-size:.75rem;font-weight:600;line-height:1.4}
.kb-player-controls button:hover,.kb-player-dialog header button:hover{background:#edf2ff;border-color:#a5bcea}
.kb-player-controls button:disabled{opacity:.4;cursor:default}
.kb-player-controls [data-play]{min-width:6.7rem;background:#081f59;color:white;border-color:#081f59}
.kb-player-controls [data-play]:hover{background:#174bc1}
.kb-player-navigation{display:flex;gap:.25rem}
.kb-player-navigation button{min-width:2.5rem;font-size:1rem;padding:.3rem}
.kb-player-controls [data-expand]{margin-left:auto}
.kb-player-progress{height:3px;background:#eaf0fc}
.kb-player-progress span{height:100%;display:block;background:#356ef5;transform-origin:left;transform:scaleX(0)}
.kb-player-transcript{font-size:.8125rem;color:#48566d;margin-top:.7rem}
.kb-player-transcript summary{cursor:pointer;min-height:2rem;display:list-item;align-content:center}
.kb-player-transcript ol{margin:.5rem 0 .75rem}
.kb .kb-player-note{font-size:.6875rem;color:#66728a;margin:.5rem 0 0;line-height:1.5}
.kb-player-dialog{padding:1rem;border:1px solid #d6deea;border-radius:.65rem;max-width:calc(100vw - 2rem);width:min(70rem,calc((100dvh - 12rem)*1.5));max-height:calc(100dvh - 2rem);overflow:auto;color:#26334a;background:white}
.kb-player-dialog::backdrop{background:#101b2dcc}
.kb-player-dialog header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}
.kb-player-dialog h2{font-size:1rem;margin:0;min-width:0;flex:1 1 9rem;overflow-wrap:anywhere}
.kb-player-dialog header button{flex-shrink:0;margin-left:auto}
.kb-player-dialog .kb-player{box-shadow:none}
@media(max-width:760px){.kb-player-screen{aspect-ratio:1/1}.kb-player-caption{padding:.85rem .75rem .4rem;min-height:4.5rem}.kb-player-controls{padding:.35rem .75rem .75rem;gap:.4rem}.kb-player-controls button{font-size:.6875rem;padding:.4rem .5rem}.kb-player-controls [data-play]{min-width:5.8rem}.kb-player-counter{font-size:.6875rem}.kb-player-caption p{font-size:.8125rem}.kb-player-dialog{padding:.75rem;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.kb-player-dialog h2{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.kb-player-scene,.kb-player-cursor{will-change:auto}.kb-player-target,.kb-player-key{transition:none}.kb-player-caret{animation:none!important}}
@media print{.kb-walkthrough-heading>span,.kb-player-controls,.kb-player-target,.kb-player-cursor,.kb-player-click,.kb-player-key,.kb-player-typing,.kb-player-progress,.kb-player-dialog,.kb-player-note{display:none!important}.kb-player-screen{aspect-ratio:3/2!important}.kb-player-scene{position:static!important;width:100%!important;height:auto!important;transform:none!important}.kb-player-scene img{width:100%!important;height:auto!important}.kb-player{box-shadow:none;break-inside:avoid}.kb-player-transcript{display:block}.kb-player-transcript ol{display:block}.kb-player-caption{min-height:0}}