.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 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}
@media print{.sr-print-sheet{break-after:page}.sr-print-sheet:last-child{break-after:auto}.sr-print-sheet .sr-item{font-size:16px}.sr-print-sheet .sr-item::after{display:none}.sr-print-sheet .sr-image{height:140px}}
.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}.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:#f3f6fa!important;border:2px solid #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}.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]){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}

.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}

@media screen and (min-width:1024px){
.sr-body:has(>.sr-paths){display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 28px;align-items:start}
.sr-body:has(>.sr-paths)>h3{grid-column:1;grid-row:1;align-self:center}
.sr-body:has(>.sr-paths)>.sr-ampliada{grid-column:1;grid-row:2;position:relative;align-self:center;width:100%;margin:0}
.sr-body:has(>.sr-paths)>.sr-ampliada .sr-image{height:160px}
.sr-body:has(>.sr-paths)>.sr-ampliada::after{content:'→';position:absolute;right:-25px;top:50%;color:#425a76}
.sr-body:has(>.sr-paths)>.sr-tools{grid-column:2;grid-row:1;margin:0}
.sr-body:has(>.sr-paths)>.sr-paths{grid-column:2;grid-row:2}
.sr-body:has(>.sr-paths)>button,.sr-body:has(>.sr-paths)>.sr-credits{grid-column:1/-1;justify-self:start}
}
