/* Ilustracoes locais, um passo por vez, com botoes junto da pergunta. */
.support-step { display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);align-items:center;gap:20px;color:var(--ws-ink); }
.support-art { min-width:0;text-align:center; }
.support-art svg { display:block;width:100%;max-height:200px;overflow:visible; }
.support-art > span { display:block;font-size:11px;color:var(--ws-secondary);line-height:1.3;margin-top:3px; }
.support-step-label { font-size:12px;font-weight:650;color:var(--ws-secondary);margin-bottom:5px; }
.support-copy h3 { font-size:21px;line-height:1.2;margin:0 0 9px;letter-spacing:-.025em; }
.support-copy p { margin:0 0 10px!important;line-height:1.45;font-size:16px!important; }
.support-copy small { display:block;line-height:1.4;color:var(--ws-secondary);margin-bottom:10px; }
.support-question { display:block;font-size:16px;line-height:1.35;margin:10px 0; }
.support-actions { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px; }
.support-actions .ws-btn { min-height:44px; }
.support-progress { display:flex;gap:9px;align-items:center;font-size:14px;color:var(--ws-secondary);margin:10px 0; }
.support-progress i { width:17px;height:17px;border:2px solid var(--ws-soft);border-top-color:var(--ws-accent);border-radius:50%;animation:support-spin .9s linear infinite; }
.support-focus { animation:support-focus 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center; }
.is-working .support-receipt { animation:support-paper 1.7s ease-in-out infinite; }
.is-working .support-network-line,.is-working .support-router-leds { animation:support-focus 1.2s ease-in-out infinite; }
.is-done .support-focus { animation:none; }
@keyframes support-spin { to {transform:rotate(360deg)} }
@keyframes support-focus { 50% {opacity:.48} }
@keyframes support-paper { 0% {transform:translate(9px,-25px);opacity:.35} 60%,100% {transform:translate(0,0);opacity:1} }
@media(max-width:640px) { .support-step {grid-template-columns:90px minmax(0,1fr);gap:10px}.support-art svg {max-height:105px}.support-art>span {font-size:10px}.support-copy h3 {font-size:18px}.support-copy p {font-size:15px!important}.support-actions {gap:6px}.support-actions .ws-btn {padding:9px 11px;font-size:13px} }
@media(prefers-reduced-motion:reduce) { .support-step *, .support-step *::before {animation:none!important;transition:none!important}.support-progress i {border-color:var(--ws-accent);border-style:dotted} }

/* A ajuda ativa ocupa o centro disponivel. Os outros cards continuam no paginador. */
#aiz.ws-root.ws-support-active.ws-support-mode { top:var(--ws-support-top);bottom:calc(18px + var(--ws-viewport-inset,0px));max-height:none;grid-template-rows:minmax(0,1fr) auto;align-content:stretch; }
#aiz.ws-root.ws-support-active.ws-support-mode .ws-board { align-self:center;justify-self:center;width:min(900px,100%);height:auto;max-height:100%;grid-template-rows:auto minmax(0,1fr); }
#aiz.ws-root.ws-support-active.ws-support-mode .ws-grid { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;max-height:100%; }
#aiz.ws-root.ws-support-active.ws-support-mode .ws-support-widget { width:100%;height:auto;max-height:100%; }
#aiz.ws-root.ws-support-active.ws-support-mode .ws-widget-body { flex:0 1 auto;overflow:auto; }
#aiz.ws-root.ws-support-active.ws-support-mode.ws-single-result .ws-board { grid-template-rows:minmax(0,1fr); }
#aiz.ws-root.ws-support-active.ws-support-mode .support-art svg { max-height:220px; }
#aiz.ws-root.ws-support-active.ws-support-mode .support-copy h3 { font-size:22px; }
#aiz.ws-root.ws-support-active.ws-support-mode .support-copy p { font-size:16px!important; }
@media(max-width:640px) {
  #aiz.ws-root.ws-support-active.ws-support-mode { left:12px;right:12px;bottom:calc(12px + var(--ws-viewport-inset,0px)); }
  #aiz.ws-root.ws-support-active.ws-support-mode .support-step { grid-template-columns:minmax(0,1fr);gap:8px; }
  #aiz.ws-root.ws-support-active.ws-support-mode .support-art svg { height:105px;max-height:105px; }
  #aiz.ws-root.ws-support-active.ws-support-mode .support-copy h3 { font-size:20px; }
}
@media(max-height:600px) { #aiz.ws-root.ws-support-active.ws-support-mode .support-art { display:none; }#aiz.ws-root.ws-support-active.ws-support-mode .support-step { grid-template-columns:minmax(0,1fr); } }
/* 1.27.0: botões dos cards de suporte sempre legíveis (o desativado continua lido; só a repetição da operação em curso é bloqueada). */
.support-actions .ws-btn{background:rgba(58,42,30,.08);color:#2b2118;font-weight:600}
.support-actions .ws-btn.ws-primary{background:#2f7a45;color:#fff}
.support-actions .ws-btn:disabled{opacity:.75}
body.dark .support-actions .ws-btn{background:rgba(255,255,255,.12);color:#f4efe8}
.support-area .support-led{animation:support-led 1.6s ease-in-out infinite}
.is-working .support-area .support-network-line{animation:support-dash .8s linear infinite}
@keyframes support-led{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes support-dash{to{stroke-dashoffset:-16}}
@media(prefers-reduced-motion:reduce){.support-area .support-led,.is-working .support-area .support-network-line{animation:none}}