.sb-resource-dialog{color:#142c48;background:#fff;border:0;border-radius:20px;padding:0;width:min(1440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);font:400 18px/1.45 Inter,system-ui,sans-serif;box-shadow:0 20px 80px #04153440}
.sb-resource-dialog::backdrop{background:#04153499}.sb-resource-dialog[open]{display:flex;flex-direction:column}.sb-resource-dialog *{box-sizing:border-box}.sb-resource-dialog h2,.sb-resource-dialog h3{margin:0}.sb-resource-dialog h2{font-size:1.3em}
.sr-create,.sr-model-note{padding:16px;margin:12px 0;border:1px solid #cbd5e1;border-radius:14px;background:#f3f6fa;color:#142c48}.sr-create{padding-block:4px}.sr-create[open]{padding-bottom:16px}.sr-create>summary{min-height:48px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-weight:700}.sr-create button,.sr-model-note button{font:inherit;min-height:48px;background:#fff;color:#123e73;border:1px solid #8295ab;border-radius:10px;padding:10px 14px;cursor:pointer}.sr-model-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:20px 0}.sr-model-list button{margin:8px 8px 8px 0}.sr-model-list summary{min-height:48px;padding:12px;cursor:pointer}.sr-print-sheet{margin:0 0 24px}.sr-print-sheet .sr-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-print-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sr-print-levels svg{width:80px;max-height:90px}.sr-print-levels span{display:block;font-size:12px}

.sr-head,.sr-foot{padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f3f6fa;flex-shrink:0}.sr-head h2{flex:1;min-width:120px}.sr-body{overflow:auto;padding:20px;min-height:0;overscroll-behavior:contain}.sr-foot{border-top:1px solid #cbd5e1}
.sr-body-layout{display:grid;grid-template-columns:minmax(200px,340px) minmax(150px,1fr);gap:24px;align-items:center}.sr-body-map{max-width:340px;width:100%;margin:auto}.sr-body-svg{display:block;width:100%;height:100%}.sr-body-zones,.sr-body-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.sr-body-zones{grid-template-columns:1fr}.sr-body-zone{cursor:pointer}.sr-body-zone:focus-visible{outline:3px solid #1250e0}.sr-body-zone:hover rect{fill-opacity:.4}.sr-body-sides button{margin:6px}.sr-body-location button{font:inherit;min-height:48px;padding:10px 14px;background:#fff;color:#142c48;border:1px solid #8b9caf;border-radius:10px}.sr-body-location{font-size:18px}.sr-body-location .sr-tools{display:flex;gap:12px;flex-wrap:wrap}.sr-body-location h3{font-size:20px}.sr-body-location .sr-body-layout{grid-template-columns:minmax(180px,300px) minmax(150px,1fr)}
@media(max-width:599px){.sr-body-layout,.sr-body-location .sr-body-layout{grid-template-columns:1fr}.sr-body-map{max-width:300px}.sr-body-zones{grid-template-columns:1fr 1fr}}
.sb-resource-dialog button,.sb-resource-dialog input,.sb-resource-dialog select,.sb-resource-dialog textarea{font:inherit;min-height:48px;border:1px solid #8b9caf;border-radius:10px;padding:10px 14px;max-width:100%;color:inherit;background:#fff}.sb-resource-dialog button{cursor:pointer}.sb-resource-dialog button:disabled{opacity:.55;cursor:default}.sb-resource-dialog :focus-visible{outline:3px solid #1250e0;outline-offset:3px}.sb-resource-dialog button[aria-pressed=true],.sb-resource-dialog .sr-primary{background:#123e73;color:#fff;border-color:#123e73}
.sr-tools{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.sr-note{color:#41556c;font-size:.9em}.sr-status{min-height:1.5em}.sr-sequence{display:grid;grid-template-columns:repeat(var(--sr-cols,4),minmax(144px,1fr));gap:24px;list-style:none;padding:0;margin:16px 0}.sr-item{border:2px solid #cbd5e1;border-radius:16px;min-width:0;padding:12px;position:relative;background:#fff}.sr-item>button.sr-visual{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;border:0;padding:0;background:#fff;color:#142c48}.sr-image{display:grid;place-items:center;width:100%;height:150px;overflow:hidden}.sr-image img{height:100%;width:100%;object-fit:contain}.sr-image svg{max-height:100%;max-width:100%}.sr-number{font-weight:800;display:block}.sr-item.sr-done{border-color:#337557}.sr-item.sr-current{outline:3px solid #1250e0;outline-offset:2px}.sr-item p{overflow-wrap:anywhere}.sr-item .sr-mark{width:100%;margin-top:12px}.sr-item:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:35%;font-size:24px;color:#425a76}.sr-item .sr-label{font-weight:650;overflow-wrap:anywhere}
.sr-ampliada{grid-template-columns:minmax(0,1fr);max-width:640px;margin:16px auto}.sr-ampliada .sr-image{height:240px}.sr-two{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-paths{display:grid;grid-template-columns:1fr;gap:24px}.sr-path{border:2px solid #9baec4;border-radius:16px;padding:16px}.sr-path .sr-sequence{grid-template-columns:repeat(var(--sr-cols,3),minmax(0,1fr))}.sr-reward{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,2fr);gap:24px;align-items:center}.sr-tokens{display:flex;flex-wrap:wrap;gap:12px;font-size:32px}.sr-token{width:48px;height:48px;display:grid;place-items:center;border:2px solid #8295ab;border-radius:12px}.sr-token.sr-earned{background:#d8ebdc;border-color:#337557}.sr-progress{width:100%;height:28px;accent-color:#337557}.sr-definition{white-space:pre-wrap;margin:4px 0}
/* CRIS-090 (17/09): saldo sem classe usava a margem padrão do navegador (~18px), suficiente para
   empurrá-lo para fora da dobra em 390x844 quando a meta tem fichas o bastante para 3 fileiras de
   bolinhas. As bolinhas e a barra não encolhem; o que sobrava era espaço em branco não desenhado. */
.sr-count{margin:6px 0 0}.sr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sr-field textarea{min-height:100px}.sr-edit-list{display:flex;flex-direction:column;gap:12px}.sr-edit-row{display:flex;align-items:center;gap:12px;border:1px solid #a6b5c6;border-radius:12px;padding:12px;flex-wrap:wrap}.sr-edit-row .sr-row-title{flex:1;min-width:120px}.sr-edit-row .sr-image{width:64px;height:64px}.sr-editor-summary{max-width:860px;margin:auto}.sr-credits{font-size:12px;color:#596b80}.cell-resource{background:var(--sb-recurso-fundo,#f3f6fa)!important;border:2px solid var(--sb-recurso-borda,#607d9d)!important}.cell-resource .sr-image{height:100px}.sr-resource-kind{font-size:12px;line-height:1.3}.sr-empty-image{font-size:.8em;color:#41556c;text-align:center}.sr-overview .sr-item::after{display:none}
@media(max-width:599px){.sb-resource-dialog{width:100vw;height:100vh;height:100dvh;max-height:none;max-width:100vw;border-radius:0;margin:0}.sr-body{padding:16px}.sr-head{padding-top:max(12px,env(safe-area-inset-top))}.sr-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sr-sequence,.sr-path .sr-sequence{grid-template-columns:minmax(0,1fr);gap:24px}.sr-item:not(:last-child)::after{content:'↓';right:calc(50% - 8px);top:auto;bottom:-26px}.sr-overview{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.75rem),1fr));gap:16px}.sr-reward{grid-template-columns:1fr;gap:16px}.sr-edit-row{gap:8px}.sr-two .sr-image{height:110px}.sr-two{grid-template-columns:1fr}.sr-head h2{font-size:1.1em}}
@media(max-height:479px){.sb-resource-dialog{max-height:100dvh;height:100dvh;margin:auto}.sr-head,.sr-foot{padding:8px 12px}.sr-image{height:100px}}
@media(prefers-reduced-motion:reduce){.sb-resource-dialog *{animation:none!important;transition:none!important}}
@media print{body:has(.sb-resource-dialog[open])>*:not(.sb-resource-dialog[open]):not(.sr-print-output){display:none!important}.sb-resource-dialog[open]{position:static;display:block;max-height:none;width:100%;height:auto;overflow:visible;box-shadow:none}.sr-body{overflow:visible}.sr-tools,.sr-foot,.sr-head button,.sr-mark{display:none!important}.sr-item{break-inside:avoid}.sr-sequence{grid-template-columns:repeat(3,1fr)}}

@media screen and (max-width:599px){.sr-print-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-head,.sr-foot{gap:8px}.sr-foot button{flex:1;padding:8px;font-size:.85em}.sr-foot .sr-status:empty{display:none}}
.sb-resource-dialog{overflow-wrap:anywhere}.sr-undo{margin-top:8px}.sr-body-sides button{margin:8px}.sr-head>*{min-width:0}

#sbPainPanel .sr-tools button,.sr-body-regions button,.sr-body-zones button,.sr-body-sides button{font:inherit;color:#123e73;background:#fff;border:1px solid #8b9caf;border-radius:10px;min-height:48px;padding:10px 14px}.sr-body-location button:focus-visible{outline:3px solid #1250e0;outline-offset:3px}

/* CRIS-078 — a vista ativa do painel de dor. Tres pistas ao mesmo tempo e so' uma delas e' cor:
   forma (o check), peso (800) e preenchimento. Os dois botoes na mesma largura para o alvo de
   toque nao se mexer quando o check aparece. Preenchimento 6,46:1 contra o cartao; texto branco
   sobre o primario, 6,46:1; contorno do inativo com o token forte, 3,06:1 (era 2,81:1). */
#sbPainPanel .sr-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
#sbPainPanel .sr-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:var(--sb-border-strong,#8495aa)}
#sbPainPanel .sb-painview-ico{display:none;width:18px;height:18px;flex:0 0 auto}
#sbPainPanel .sb-painview-ico svg{width:18px;height:18px}
#sbPainPanel .sr-tools button[aria-pressed="true"]{background:var(--sb-color-primary,#1250e0);border-color:var(--sb-color-primary,#1250e0);color:#fff;font-weight:800}
#sbPainPanel .sr-tools button[aria-pressed="true"] .sb-painview-ico{display:inline-flex}
#sbPainPanel .sr-tools button:focus-visible{outline:3px solid #1250e0;outline-offset:3px}

.sr-path .sr-path-vertical{grid-template-columns:minmax(0,1fr)}.sr-path-vertical .sr-item:not(:last-child)::after{content:"↓";right:calc(50% - 8px);top:auto;bottom:-26px}

/* O cabeçalho e a figura mantêm seu contraste e tamanho fora do estilo global da prancha. */
.sb-resource-dialog .sr-head,.sb-resource-dialog .sr-foot{color:#142c48}.sb-resource-dialog .sr-head h2{color:inherit}.sr-image{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sr-image img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}

#sbPainPanel [hidden]{display:none!important}

/* Onde dói: consome o design system em construção; fallbacks preservam o uso independente. */
.sr-body-location{color:var(--sb-color-ink,#14243d);font:400 16px/1.4 var(--sb-font,Inter,system-ui,sans-serif)}
.sr-body-location *{box-sizing:border-box}
.sr-body-location .sr-body-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sb-space-4,16px);flex-wrap:wrap;margin:0 0 24px}
.sr-body-orientation{display:flex;gap:var(--sb-space-2,8px);flex-wrap:wrap}
.sr-body-location button.sr-body-control{display:flex;align-items:center;justify-content:center;gap:var(--sb-space-2,8px);min-height:48px;margin:0;padding:8px 12px;font:600 16px/1.35 var(--sb-font,Inter,system-ui,sans-serif);border:2px solid var(--sb-border,#d8e0ea);border-radius:var(--sb-radius-control,10px);background:var(--sb-surface,#fff);color:var(--sb-color-ink,#14243d);cursor:pointer}
.sr-body-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:36px;color:inherit}
.sr-body-icon svg{display:block;width:100%;height:100%}
.sr-body-location .sr-body-layout{grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:var(--sb-space-6,24px);align-items:center}
.sr-body-location .sr-body-map{width:100%;max-width:240px;max-height:420px;background:var(--sb-canvas,#f4f6f9);border-radius:var(--sb-radius-card,16px);padding:12px}
.sr-body-location .sr-body-map>.sr-body-svg{height:396px;max-height:100%;width:100%}
.sr-body-zone .sr-body-hit{transition:fill 160ms}
.sr-body-zone:hover .sr-body-hit,.sr-body-zone:focus .sr-body-hit{fill:#1250e025}
.sr-body-location .sr-body-zones,.sr-body-location .sr-body-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sb-space-3,12px)}
.sr-body-location button.sr-body-choice{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--sb-space-2,8px);min-width:0;min-height:132px;margin:0;padding:12px;font:600 16px/1.3 var(--sb-font,Inter,system-ui,sans-serif);text-align:center;border:2px solid var(--sb-border,#d8e0ea);border-radius:var(--sb-radius-card,16px);background:var(--sb-surface,#fff);color:var(--sb-color-ink,#14243d);cursor:pointer;overflow-wrap:anywhere}
.sr-body-art{display:flex;align-items:center;justify-content:center;width:100%;height:88px;flex:none}
.sr-body-art .sr-body-thumb{width:100%;height:100%;max-width:120px;display:block}
.sr-body-label{display:block;max-width:100%}
.sr-body-location .sr-body-back{margin:0 0 16px}
.sr-body-location .sr-body-sides{margin-top:24px;padding:16px;background:var(--sb-canvas,#f4f6f9);border:1px solid var(--sb-border,#d8e0ea);border-radius:var(--sb-radius-card,16px)}
.sr-body-location .sr-body-sides h3{font:700 18px/1.4 var(--sb-font,Inter,system-ui,sans-serif);margin:0}
.sr-body-location .sr-body-sides p{margin:8px 0 16px}
.sr-body-side-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sb-space-3,12px)}
.sr-body-side-choices .sr-body-art{height:144px}
.sr-body-side-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sb-space-3,12px);flex-wrap:wrap}
.sr-body-side-view{display:flex;align-items:center;gap:var(--sb-space-2,8px);font-size:14px}
.sr-body-location .sr-body-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sb-space-3,12px);margin-top:24px;padding-top:16px;border-top:1px solid var(--sb-border,#d8e0ea)}
.sr-body-location .sr-body-help button{justify-content:flex-start;min-height:64px;text-align:left;font-size:14px}
.sr-body-location button[aria-pressed=true]{border-color:var(--sb-color-primary,#1250e0);background:var(--sb-color-primary-soft,#eef4ff);color:var(--sb-color-navy,#041534);box-shadow:inset 0 0 0 1px var(--sb-color-primary,#1250e0)}
.sr-body-location button:hover{border-color:var(--sb-color-primary,#1250e0)}
.sr-body-location button:focus-visible{outline:3px solid var(--sb-color-primary,#1250e0);outline-offset:3px}
#sbPainPanel .sb-paincard{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--sb-radius-float,22px);max-width:860px;max-height:calc(100dvh - 32px);padding:24px;overscroll-behavior:contain}
#sbPainPanel .sb-painhead{flex:none;background:var(--sb-surface,#fff);padding:0;margin:0 0 16px;gap:var(--sb-space-4,16px)}
#sbPainPanel .sr-body-location,#sbPainPanel .sb-paingrid{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px}
#sbPainPanel .sb-paintitle{font-size:22px;color:var(--sb-color-navy,#041534)}
@media(max-width:599px){
  .sr-body-location .sr-body-toolbar{gap:var(--sb-space-3,12px);margin-bottom:16px}
  .sr-body-location .sr-body-toolbar>.sr-body-control{font-size:14px}
  .sr-body-location .sr-body-layout{grid-template-columns:minmax(0,1fr);gap:var(--sb-space-4,16px)}
  .sr-body-location .sr-body-zones{order:-1}
  .sr-body-location .sr-body-map{max-width:none;height:224px;padding:8px}
  .sr-body-location .sr-body-map>.sr-body-svg{height:208px}
  .sr-body-location button.sr-body-choice{min-height:120px;padding:8px;font-size:16px}
  .sr-body-location .sr-body-help{grid-template-columns:minmax(0,1fr)}
  .sr-body-location .sr-body-help button{font-size:16px}
  #sbPainPanel .sb-paincard{max-height:100dvh;height:100dvh;border-radius:0;padding:16px 16px max(16px,env(safe-area-inset-bottom,0px))}
  #sbPainPanel .sb-painhead{padding-top:env(safe-area-inset-top,0px)}
  #sbPainPanel .sb-paintitle{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.sr-body-zone .sr-body-hit{transition:none}}
@media screen and (max-height:500px){
  #sbPainPanel .sb-paincard{max-height:100dvh;padding:12px}
  #sbPainPanel .sb-painhead{margin-bottom:8px}
  #sbPainPanel .sb-painclose{min-height:44px;min-width:44px}
  .sr-body-location .sr-body-art,.sr-body-side-choices .sr-body-art{height:64px}
  .sr-body-location button.sr-body-choice{min-height:112px}
}

/* Mesmo rodapé da prancha: marca oficial e barra de quatro cores na borda da folha. */
.sr-print-brand{margin-top:20px;color:#8a8a8a}
.sr-print-brand-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 8mm 2.6mm}
.sr-print-credit{font-size:7px;line-height:1.35;margin:0}
.sr-print-logo{display:block;height:5mm;width:auto;flex:none}
.sr-print-bar{height:1.4mm;margin:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.sr-print-output{display:none}
.sr-print-output *{box-sizing:border-box}
.sr-print-document-brand{display:none}
/* Mesmas medidas na prévia, na medição e no PDF. A redução só aproxima a folha na tela. */
.sr-print-sheet{position:relative;box-sizing:border-box;width:var(--sr-paper-width,210mm);min-height:var(--sr-paper-height,297mm);margin:0;padding:8mm 8mm 18mm;background:#fff;color:#142c48;font:400 16px/1.35 Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.sr-print-sheet.sr-print-sheet>h2{font-size:20px;line-height:1.3;margin:0 0 4mm}
.sr-print-sheet .sr-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:4mm;margin:0;padding:0;list-style:none}
.sr-print-sheet .sr-item{border:2px solid #8495aa;border-radius:16px;padding:3mm;font-size:16px;break-inside:avoid}
.sr-print-sheet .sr-item::after{display:none}
.sr-print-sheet .sr-image{height:var(--sr-print-image,38mm);margin-bottom:2mm}
.sr-print-sheet h3{font-size:16px;margin:0;line-height:1.35}
.sr-print-sheet .sr-item p{font-size:14px;line-height:1.35;margin:3mm 0 0}
.sr-print-sheet>.sr-credits{font-size:12px;line-height:1.35;margin:4mm 0 0}
.sr-print-sheet>.sr-body-svg{height:70mm!important}
.sr-print-sheet>ul{columns:3;font-size:13px;margin:3mm 0;padding-left:5mm}
.sr-print-sheet>ul>li{break-inside:avoid}
.sr-print-sheet .sr-print-levels{grid-template-columns:repeat(6,1fr)}
.sr-print-sheet .sr-print-levels svg{max-height:19mm}
.sr-print-sheet>.sr-print-brand{position:absolute;left:0;right:0;bottom:0;margin:0}
.sr-print-settings .sr-field{margin:0;flex:1;min-width:120px}
.sr-print-preview{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0;width:100%}
.sr-print-preview-page{flex:none;overflow:hidden;box-shadow:0 2px 12px #04153425}
.sr-print-measure{position:fixed;left:-10000px;top:0;width:var(--sr-paper-width);visibility:hidden;pointer-events:none}
.sr-print-measure>.sr-print-sheet{min-height:0}
@media screen{.sr-print-preview-page>.sr-print-sheet{transform:scale(var(--sr-preview-scale,1));transform-origin:top left}}
@media print{
  body:has(.sr-print-document[open]){margin:0!important;padding:0!important}
  body:has(.sr-print-document[open])>.sr-print-output{display:block!important}
  .sr-print-document[open],.sr-print-sheet>.sr-print-brand{display:none!important}
  .sr-print-sheet{break-after:page}
  .sr-print-sheet:last-of-type{break-after:auto}
  .sr-print-output>.sr-print-document-brand{display:block;position:fixed;left:0;right:0;bottom:0;margin:0;z-index:1}
}

/* A bifurcação usa as caixas reais, com setas contínuas entre situação e escolhas. */
.sr-map{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3.6fr);gap:56px;align-items:center;margin:4px 0 24px;container-type:inline-size}
.sr-map-start,.sr-map-paths,.sr-map-path,.sr-map-items,.sr-map-items>li{min-width:0}
.sr-map-start{align-self:center}.sr-map-when{margin:0 0 12px!important;text-align:center;font-size:18px}
.sr-map-paths{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.sr-map-heading{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 12px!important;position:relative;z-index:1}
.sr-map-badge{display:grid;place-items:center;flex:none;width:32px;height:32px;background:var(--map-color);color:white;border-radius:50%;font-weight:800}
.sr-map-a{--map-color:#52862d}.sr-map-b{--map-color:#bb422e}
.sr-map-items{display:grid;grid-template-columns:repeat(var(--sr-map-count),minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.sr-map-items>li{display:flex;position:relative}
.sb-resource-dialog .sr-map .sr-map-node,.sr-map-node{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px;border:2px solid var(--map-color,#8495aa);border-radius:var(--sb-radius-card,16px);background:#fff;color:var(--sb-text-primary,#142c48);font:inherit;text-align:center}
.sb-resource-dialog .sr-map .sr-map-node{font-size:16px;font-weight:600;min-height:48px}
.sr-map .sr-image{height:clamp(80px,14dvh,128px);margin:0}.sr-map-label{line-height:1.35;overflow-wrap:anywhere}.sr-map-step{font-size:13px;line-height:1;font-weight:700;color:#53657b}
.sr-map-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.sr-map-line{fill:none;stroke:var(--map-color);stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.sr-map-arrows marker path{fill:var(--map-color)}
@media screen and (max-width:799px){
 .sr-map{grid-template-columns:minmax(0,1fr);gap:52px}.sr-map-start{width:min(180px,65%);justify-self:center}
 .sr-map-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
 .sr-map-heading{flex-direction:column;gap:8px;text-align:center;font-size:15px;min-height:94px;margin-bottom:12px!important;justify-content:flex-start}
 .sr-map-heading>span:last-child{background:#fff}.sr-map-badge{width:32px;height:32px}
 .sr-map-items{grid-template-columns:minmax(0,1fr);gap:30px}
 .sb-resource-dialog .sr-map .sr-map-node{padding:8px;font-size:15px}.sr-map .sr-image{height:100px}.sr-map-start .sr-image{height:110px}
}
/* O mapa permanece completo na folha horizontal; a prévia só muda de escala. */
.sr-print-sheet .sr-map{grid-template-columns:minmax(0,1fr) minmax(0,3.7fr);gap:16mm;margin:0;height:var(--sr-map-print-height,calc(var(--sr-paper-height) - 48mm))}
.sr-print-sheet .sr-map-paths{grid-template-columns:minmax(0,1fr);gap:8mm;height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
.sr-print-sheet .sr-map-path{display:flex;flex-direction:column;min-height:0}
.sr-print-sheet .sr-map-items{grid-template-columns:repeat(var(--sr-map-count),minmax(0,1fr));gap:9mm;flex:1;min-height:0}
.sr-print-sheet .sr-map-heading{flex-direction:row;font-size:16px;min-height:0;gap:3mm;margin:0 0 3mm!important}.sr-print-sheet .sr-map-badge{width:7mm;height:7mm}
.sr-print-sheet .sr-map-node{font-size:16px;padding:3mm;gap:2mm;font-weight:650;border-color:var(--map-color,#8495aa)}
.sr-print-sheet .sr-map .sr-image{height:32mm;flex-shrink:1;min-height:20mm;margin:0}.sr-print-sheet .sr-map-step{font-size:12px}.sr-print-sheet .sr-map-when{font-size:16px}
.sr-print-sheet .sr-map-line{stroke-width:7}.sr-print-sheet .sr-map-start{width:100%}.sr-print-map-sheet>.sr-credits{margin-top:3mm}
@media print{.sr-map,.sr-map *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.sr-map-items .sr-map-node{justify-content:flex-start}.sr-map-trunk{fill:none;stroke:#8495aa;stroke-width:7;stroke-linejoin:round;stroke-linecap:round}

.sr-print-sheet .sr-map-items>li{min-height:0}.sr-print-sheet .sr-map .sr-map-node{justify-content:flex-start;min-height:0;height:100%}.sr-print-sheet .sr-map .sr-map-start .sr-map-node{height:auto}

.sr-print-sheet .sr-map{grid-template-rows:minmax(0,1fr)}.sr-print-sheet .sr-map-paths{min-height:0;align-self:stretch}
/* Iconografia aprovada: comandos e frases de comunicação compartilham a base visual. */
html .sb-ui[data-sb-ui] .sr-iconography .sr-command{min-height:48px;min-width:min-content;gap:8px;white-space:normal;flex-shrink:0;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-command .ico{width:20px;height:20px;min-width:20px;flex:0 0 20px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-control-label{min-width:min-content;overflow-wrap:normal;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-communication{min-height:76px;gap:12px;text-align:left;justify-content:flex-start;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-communication img{display:block;width:48px;height:48px;object-fit:contain;flex:0 0 48px;background:white;border-radius:8px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-communication .sr-control-label{max-width:15ch;line-height:1.3;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-head{gap:16px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-head h2{min-width:0;overflow-wrap:anywhere;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-head .sr-command{max-width:100%;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-tools{gap:12px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-foot{display:grid;grid-template-columns:repeat(3,minmax(0,232px));gap:12px;padding:16px;align-items:stretch;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-status{grid-column:1/-1;min-height:0;font-size:14px;font-weight:500;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-status:empty{display:none;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-item .sr-command{padding:10px 8px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-item .sr-command[data-sr-action='done']{opacity:1;color:#21643b;background:#edf7ee;border-color:#5d946c;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-resource-actions{align-items:center;padding-top:12px;border-top:1px solid var(--sb-border,#d6deea);}
html .sb-ui[data-sb-ui] .sr-iconography .sr-resource-actions [data-sr-action='listen']{background:var(--sb-color-primary,#1450ed);color:white;border-color:var(--sb-color-primary,#1450ed);}
html .sb-ui[data-sb-ui] .sr-iconography .sr-resource-actions [data-sr-action='download']{margin-left:auto;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-download-note{font-size:14px;line-height:1.45;color:#41556c;margin:8px 0;}
@media(max-width:599px){
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-communication{flex-direction:column;text-align:center;justify-content:flex-start;padding:10px 6px;gap:8px;font-size:14px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-communication img{width:44px;height:44px;flex-basis:44px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-head{align-items:center;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-head h2{font-size:22px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-head .sr-command{padding:10px;max-width:100%;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-resource-actions [data-sr-action='download']{margin-left:0;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-resource-actions .sr-command{flex:1 1 120px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-tools .sr-command{flex:1 1 120px;}
}
/* Com texto ampliado, a página inteira acompanha a leitura. */
html .sb-ui[data-sb-ui] .sr-iconography.sr-large-type{display:block;overflow:auto;}
html .sb-ui[data-sb-ui] .sr-iconography.sr-large-type .sr-body{overflow:visible;}
html .sb-ui[data-sb-ui] .sr-iconography.sr-large-type .sr-foot{display:flex;flex-wrap:wrap;}
html .sb-ui[data-sb-ui] .sr-iconography.sr-large-type .sr-foot .sr-communication{flex:1 1 180px;}
html .sb-ui[data-sb-ui] .sr-iconography.sr-large-type .sr-head h2{flex-basis:100%;}
@media(max-height:500px) and (min-width:600px){
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot{padding:8px 16px;grid-template-columns:repeat(3,minmax(0,1fr));}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-communication{min-height:60px;padding:8px;font-size:14px;gap:8px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-foot .sr-communication img{width:40px;height:40px;flex-basis:40px;}
}


html .sb-ui[data-sb-ui] .sb-resource-dialog .sr-command{white-space:normal;gap:8px;}
.sb-resource-dialog .sr-command-icon{display:inline-flex;align-items:center;width:20px;height:20px;flex:0 0 20px;}
.sb-resource-dialog .sr-command-icon .ico{width:20px;height:20px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-item .sr-command{min-width:0;flex-wrap:wrap;}

/* Passo a passo no celular (17/09): ações e setas só com ícone, em uma fileira; o nome continua para leitor de tela e no title. */
html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row{flex-wrap:nowrap;align-items:center;gap:8px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row .sr-command{position:relative;flex:0 0 64px;min-width:48px;min-height:48px;justify-content:center;padding:8px;margin-left:0;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row .sr-control-label{position:absolute;width:1px;height:1px;min-width:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row .sr-command-icon,html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row .sr-command .ico{width:24px;height:24px;min-width:24px;flex:0 0 24px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-step-nav>span{flex:0 0 auto;min-width:4.5em;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;}
/* No passo a passo, as setas ficam nas pontas da mesma fileira, separadas das ações. */
html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions{gap:6px;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions .sr-step-previous{margin-right:auto;}
html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions .sr-step-next{margin-left:auto;}
.sr-ampliada .sr-item{touch-action:pan-y;}
.sr-done-count{margin:4px 0 0;color:#41556c;}
@media(max-width:599px){.sr-ampliada{margin:8px auto}.sr-ampliada .sr-image{height:clamp(150px,calc(100dvh - 560px),220px)}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-icon-row .sr-command{flex:1 1 0;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions .sr-step-previous{margin-right:6px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions .sr-step-next{margin-left:6px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-step-actions{margin:8px 0 4px;padding-top:8px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-body>.sr-tools:first-child{margin:4px 0 8px;gap:8px;}
  html .sb-ui[data-sb-ui] .sr-iconography .sr-body>.sr-tools:first-child .sr-command{padding:8px 10px;gap:6px;white-space:nowrap;}
}
/* Concluído e Desfazer na mesma linha, para o passo concluído não empurrar as ações para fora da tela. */
.sr-ampliada .sr-item.sr-done{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:stretch}.sr-ampliada .sr-item.sr-done>:not(.sr-mark):not(.sr-undo){grid-column:1/-1}
/* Aviso sem login no painel de fichas (FI-04, 17/09): informa, não alerta; o botão Entrar tem 44 px. */
.sr-account-note{display:flex;align-items:center;gap:8px;background:#EEF3FD;border-radius:12px;padding:8px 12px;margin:8px 0 0}
.sr-account-note p{margin:0;flex:1 1 auto}
.sr-account-icon{display:inline-flex;flex:0 0 auto;font-size:20px;color:#14243d}
.sr-account-login{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:#14243d;color:#fff;font-weight:600;text-decoration:none;flex-shrink:0;white-space:nowrap}
/* FI-01 (18/09/2026): fichas com figura. Maquete v4 do Gabriel, aprovada como está pelo Emanuel.
   Kit e medidas em _docs/UX/kit-fichas-2026-09-17/. Sem figuras, continua a bolinha de .sr-tokens.
   A ficha que falta NÃO é erro: é a mesma figura esperando, a 42%, com contorno na silhueta. */
.sb-resource-dialog,.sr-print-sheet,.sr-print-output{--sr-tk:clamp(48px,18vw,160px);--sr-tk-gap:12px;--sr-tk-gap-bloco:40px;--sr-tk-raio:clamp(10px,calc(var(--sr-tk) * .16),22px);
  --sr-tk-ganha-fundo:var(--sb-color-primary-soft,#eef4ff);--sr-tk-ganha-borda:var(--sb-color-primary,#1250e0);--sr-tk-ganha-borda-larg:3px;
  --sr-tk-falta-fundo:#f7f9fd;--sr-tk-falta-borda:#6a7fae;--sr-tk-falta-borda-larg:2px;--sr-tk-falta-opacidade:.42;
  --sr-premio-fundo:#fff4c7;--sr-premio-borda:#b07800;--sr-premio-fundo-pronto:var(--sb-fz-yellow,#ffe27a);--sr-premio-borda-pronto:var(--sb-color-warning,#8b5100)}
.sr-rota{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.sr-rota.sr-rota-lado{flex-direction:row;align-items:center;gap:24px}
.sr-trilha-wrap{min-width:0}.sr-rota-lado .sr-trilha-wrap{flex:1 1 auto}
.sr-trilha-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:16px;font-weight:700;color:#4f5f72}
.sr-trilha-conta{font-size:24px;line-height:1;font-weight:800;color:var(--sb-color-navy,#041534);font-variant-numeric:tabular-nums}
.sr-trilha{display:flex;flex-wrap:wrap;gap:var(--sr-tk-gap);margin:0;padding:0;list-style:none}
.sr-trilha-livre{justify-content:center;margin-inline:auto}
.sr-trilha-blocos{gap:var(--sr-tk-gap-bloco)}
.sr-bloco{display:grid;grid-template-columns:repeat(5,var(--sr-tk));gap:var(--sr-tk-gap);align-content:start;margin:0;padding:0;list-style:none}
.sr-ficha{position:relative;width:var(--sr-tk);height:var(--sr-tk);border-radius:var(--sr-tk-raio);display:grid;place-items:center;background:var(--sr-tk-falta-fundo);border:var(--sr-tk-falta-borda-larg) dashed var(--sr-tk-falta-borda)}
.sr-ficha .sr-image{grid-area:1/1;width:84%;height:84%;margin:0;overflow:visible}
.sr-ficha .sr-ficha-figura{position:relative;opacity:var(--sr-tk-falta-opacidade);transition:opacity var(--sb-motion,120ms) ease-out}
/* Contorno de 2 px em #6A7FAE na silhueta, fora da opacidade: 3,79:1 com qualquer figura. px literais, sem mask. */
.sr-ficha .sr-ficha-contorno img{filter:brightness(0) invert(1) drop-shadow(2px 0 0 #6a7fae) drop-shadow(-2px 0 0 #6a7fae) drop-shadow(0 2px 0 #6a7fae) drop-shadow(0 -2px 0 #6a7fae)}
.sr-ficha.is-ganha{background:var(--sr-tk-ganha-fundo);border:var(--sr-tk-ganha-borda-larg) solid var(--sr-tk-ganha-borda)}
.sr-ficha.is-ganha .sr-ficha-figura{opacity:1}
.sr-ficha.is-proxima{border:var(--sr-tk-ganha-borda-larg) dashed var(--sr-tk-ganha-borda)}
.sr-ficha::after{content:"";position:absolute;inset:calc(var(--sr-tk-ganha-borda-larg) * -1);border-radius:inherit;pointer-events:none}
.sr-ficha-nova{animation:sr-tk-ganha 360ms cubic-bezier(.2,.9,.3,1.25)}
.sr-ficha-nova::after{animation:sr-tk-anel 400ms ease-out}
@keyframes sr-tk-ganha{0%{transform:scale(.7)}60%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes sr-tk-anel{0%{box-shadow:0 0 0 0 rgba(18,80,224,.5)}100%{box-shadow:0 0 0 16px rgba(18,80,224,0)}}
@media(prefers-reduced-motion:reduce){.sr-ficha-nova,.sr-ficha-nova::after{animation:none!important}.sr-ficha-nova{box-shadow:0 0 0 4px var(--sb-fz-yellow,#ffe27a),0 0 0 6px var(--sr-premio-borda,#b07800)}}
/* CRIS-114: o desenho da seta aponta para a direita. Empilhado, o prêmio fica embaixo e a seta gira para baixo;
   lado a lado, o prêmio fica à direita e a seta fica como é. */
.sr-seta{display:grid;place-items:center;color:#7c8ea8;flex-shrink:0}.sr-seta svg{width:28px;height:28px;transform:rotate(90deg)}.sr-rota-lado .sr-seta svg{transform:none}
.sr-premio{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"img txt" "img btn";column-gap:16px;row-gap:8px;align-items:center;background:var(--sr-premio-fundo);border:3px solid var(--sr-premio-borda);border-radius:22px;padding:12px 16px}
.sr-premio .sr-image{grid-area:img;width:88px;height:88px;margin:0}
.sr-premio-txt{grid-area:txt;display:grid;gap:2px;min-width:0}
.sr-premio-tag{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b4a00}
.sr-premio-nome{font-size:20px;line-height:1.2;font-weight:800;color:var(--sb-color-navy,#041534)}
.sr-premio-falta{font-size:16px;font-weight:600;color:var(--sb-color-ink,#14243d)}
.sr-premio>button{grid-area:btn;justify-self:start}
.sr-premio.is-pronto{background:var(--sr-premio-fundo-pronto);border-color:var(--sr-premio-borda-pronto)}.sr-premio.is-pronto .sr-premio-falta{font-weight:800}
.sr-rota-lado .sr-premio{flex:0 0 300px;grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "img" "btn";justify-items:center;text-align:center;padding:16px}
.sr-rota-lado .sr-premio .sr-image{width:170px;height:170px}.sr-rota-lado .sr-premio>button{justify-self:center}
@media(max-width:599px){.sb-resource-dialog{--sr-tk-gap:8px;--sr-tk-gap-bloco:24px}.sr-trilha-conta{font-size:20px}}
/* Folha A4 das fichas com figura: casas numeradas para marcar e, como bloco opcional, a faixa de recorte. */
.sr-print-fichas-sheet>h2{border-bottom:.6mm solid var(--sb-color-navy,#041534);padding-bottom:3mm}
.sr-print-fichas-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:6mm;margin:0 0 4mm}
.sr-print-regras{display:grid;grid-template-columns:1fr 1fr;gap:4mm;flex:1;min-width:0}
.sr-print-regras>div{border:.4mm solid #a6b5c6;border-radius:4mm;padding:3mm 4mm}
.sr-print-regras b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#41556c}
.sr-print-regras p{margin:1mm 0 0;font-size:15px;font-weight:600;line-height:1.3}
.sr-print-nome{flex:none;font-size:12px;color:#41556c;text-align:right}.sr-print-nome span{display:block;width:50mm;height:8mm;border-bottom:.4mm solid #8495aa}
.sr-print-seta{display:grid;place-items:center;color:#7c8ea8;margin:3mm 0}.sr-print-seta svg{width:9mm;height:9mm;transform:rotate(90deg)}
.sr-print-sheet .sr-print-premio{margin:0;grid-template-areas:"img txt";align-items:center;padding:4mm 6mm}
.sr-print-sheet .sr-print-premio .sr-image{width:38mm;height:38mm;margin:0}
.sr-print-premio .sr-premio-nome{font-size:24px}
.sr-print-sheet .sr-casas{--sr-casa:30mm;display:grid;grid-template-columns:repeat(5,var(--sr-casa));justify-content:space-between;gap:3mm 6mm;margin:4mm 0 0;padding:0;list-style:none}
.sr-print-casa{display:grid;justify-items:center;gap:1mm;margin:0}
.sr-print-casa-quadro{position:relative;width:var(--sr-casa);height:var(--sr-casa);border:.5mm dashed #4d628f;border-radius:5mm;display:grid;place-items:center;background:#fff}
.sr-print-sheet .sr-print-casa-quadro .sr-image{width:80%;height:80%;margin:0;opacity:.35}
.sr-print-casa-marca{position:absolute;right:-2mm;bottom:-2mm;width:8mm;height:8mm;border-radius:50%;border:.5mm solid #4d628f;background:#fff}
.sr-print-casa small{font-size:12px;font-weight:700;color:#41556c;font-variant-numeric:tabular-nums}
.sr-print-recorte{position:relative;margin:6mm 0 0;break-inside:avoid}
.sr-print-recorte h3{margin:0;font-size:16px;color:var(--sb-color-navy,#041534);display:flex;align-items:center;gap:2mm}
.sr-print-recorte>p{margin:1mm 0 3mm;font-size:13px;color:#41556c}
.sr-print-tesoura{flex:none;width:6mm;height:6mm;color:#41556c}.sr-print-tesoura svg{width:100%;height:100%}
.sr-print-faixa{--sr-casa:30mm;--sr-corte:calc(var(--sr-casa) + 4mm);display:grid;grid-template-columns:repeat(5,var(--sr-corte));width:max-content;border:.4mm dashed #6a7a8e;border-radius:1mm;position:relative}
.sr-print-faixa>div{width:var(--sr-corte);height:var(--sr-corte);display:grid;place-items:center;border-right:.4mm dashed #6a7a8e;border-bottom:.4mm dashed #6a7a8e}
.sr-print-faixa>div:nth-child(5n){border-right:0}.sr-print-faixa>div:nth-last-child(-n+5){border-bottom:0}
.sr-print-faixa .sr-ficha{--sr-tk:var(--sr-casa);--sr-tk-raio:5mm;background:var(--sr-tk-ganha-fundo);border:.6mm solid var(--sr-tk-ganha-borda)}
.sr-print-sheet .sr-print-faixa .sr-ficha .sr-image{width:84%;height:84%;margin:0}
.sr-print-recorte-opcao{flex:none!important;flex-direction:row!important;align-items:center;gap:8px;min-width:0!important;align-self:flex-end;min-height:48px}
.sr-print-recorte-opcao input{width:24px;height:24px;min-height:0;accent-color:var(--sb-color-primary,#1250e0)}
@media print{.sr-print-faixa,.sr-print-faixa *,.sr-print-casa-quadro,.sr-premio{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* CRIS-115: no celular, o cartão de fichas sem figuras (bolinhas) com meta 10 quebra as bolinhas em duas fileiras e
   empurrava o saldo 6,9 px para baixo do corte. A figura do prêmio desce de 150 para 120 px só nesse caso. */
@media(max-width:599px){.sr-reward:has(.sr-tokens) .sr-image{height:120px}
/* CRIS-125: com 11 casas ou mais sem figura, o saldo caía abaixo do rodapé em 390 px. As casas são só leitura (aria-hidden): encolhem para 32 px, e o prêmio para 88 px. */
.sr-tokens:has(>.sr-token:nth-child(11)){gap:6px;font-size:20px}.sr-tokens:has(>.sr-token:nth-child(11))>.sr-token{width:32px;height:32px;border-radius:8px}.sr-reward:has(.sr-token:nth-child(11)) .sr-image{height:88px}}
/* PO-08 passo 3 (19/09): o cartão de recurso enquanto o módulo chega, e o toque que espera por ele. */
.sr-espera .sr-image{background:#e6ecf3;border-radius:12px}.sr-carregando .sr-image{background:linear-gradient(90deg,#e6ecf3 25%,#f5f8fb 50%,#e6ecf3 75%);background-size:200% 100%;animation:sr-espera 1.1s linear infinite}@keyframes sr-espera{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sr-carregando .sr-image{animation:none}}
/* FI-09 (19/09): "Adicionar ficha" no topo, travado pelo PIN do Modo foco; "Ver grande" da ficha e do prêmio. */
.sr-trava{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;min-height:48px;padding:10px 16px;margin:0 0 12px;border-radius:12px;border:2px solid #8295ab;background:#fff;color:#123e73;cursor:pointer}
.sr-trava-icone{display:inline-flex;width:20px;height:20px}.sr-trava-icone svg{width:100%;height:100%}
.sr-trava.is-destravado{background:var(--sb-color-primary,#1250e0);border-color:var(--sb-color-primary,#1250e0);color:#fff}
.sr-trava:focus-visible,.sr-ficha[role=button]:focus-visible,.sr-token[role=button]:focus-visible,.sr-ver-grande:focus-visible{outline:3px solid #1250e0;outline-offset:3px}
.sr-ficha,.sr-premio,.sr-premio-pic{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.sr-ficha[role=button],.sr-token[role=button]{cursor:pointer}
.sr-premio-pic{position:relative}.sr-premio>.sr-ver-grande{position:static;grid-area:btn;justify-self:end}.sr-rota-lado .sr-premio>.sr-ver-grande{position:absolute;grid-area:auto}
.sr-ver-grande{position:absolute;top:6px;right:6px;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid #8295ab;background:#fff;color:#123e73;cursor:pointer}.sr-ver-grande svg{width:22px;height:22px}
.sr-grande{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#041534b3}
.sr-grande-caixa{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:100%;width:min(560px,100%);min-height:0;padding:16px;border-radius:20px;background:#fff;color:#142c48}
.sr-grande-figura.sr-image{flex:0 1 auto;width:100%;height:min(60vh,480px);min-height:80px}
.sr-grande-nome{margin:0;font-size:24px;line-height:1.2;font-weight:800;text-align:center}
.sr-grande-acoes{margin:0;justify-content:center}
@media(prefers-reduced-motion:no-preference){.sr-grande-caixa{animation:sr-grande-abre 160ms ease-out}}
@keyframes sr-grande-abre{from{transform:scale(.94);opacity:0}}
.sr-trilha-h:has(.sr-trava){align-items:center;flex-wrap:wrap;margin-bottom:6px}.sb-resource-dialog .sr-trilha-h .sr-trava{margin:0;min-height:36px;padding:4px 10px;gap:6px;font-size:15px}.sr-trilha-h .sr-trava-icone{width:18px;height:18px}.sr-trilha-h .sr-trilha-rotulo{flex:1 1 auto}

.sr-print-attribution p{font-size:11px;line-height:1.35;margin:0 0 3mm;overflow-wrap:anywhere}.sr-print-attribution a{color:inherit}.sr-print-attribution small{font-size:9px}