/* Proposal 03: navigation and service access only. Existing access handlers retained. */
.store-page #meus-paineis{scroll-margin-top:112px;margin-top:24px;border-color:#3c5776;background:#101c2b}
.store-page #meus-paineis .panel-access-title{padding:24px}
.store-page #meus-paineis .panel-access-title strong{font-size:18px;letter-spacing:-.02em}
.store-page #meus-paineis .panel-access-title span{margin-top:6px;line-height:1.5;max-width:200px}
.store-page #meus-paineis button{min-height:108px;padding:24px;transition:background-color .18s;color:#f3f7ff}
.store-page #meus-paineis button i{width:40px;height:40px;border:1px solid #345777;border-radius:10px;background:#172e49;color:#83caff}
.store-page #meus-paineis button{grid-template-columns:40px 1fr auto}
.store-page #meus-paineis button b{font-size:15px}
.store-page #meus-paineis button small{font-size:12px;line-height:1.5;margin-top:4px}
.store-page #meus-paineis button:hover{background:#192e45}
.store-page #meus-paineis button:focus-visible{outline:2px solid #8bd6ff;outline-offset:-5px;background:#192e45}
.store-page .store-header nav a[href='#meus-paineis']{color:#8bd6ff}
.store-page .store-header a:focus-visible,.store-page .mobile-service-dock :is(button,a):focus-visible{outline:2px solid #8bd6ff;outline-offset:3px;border-radius:6px}
@media(max-width:1100px){.store-page .store-header{flex-wrap:wrap;gap:8px 16px}.store-page .store-header nav{display:flex;order:3;width:100%;gap:24px;border-top:1px solid #26384e;justify-content:flex-start}.store-page #accountArea{margin-left:auto}.store-page #meus-paineis{scroll-margin-top:170px;grid-template-columns:1fr 1fr}.store-page #meus-paineis .panel-access-title{display:flex;grid-column:1/-1;padding:18px 22px;border-bottom:1px solid #30485f;flex-direction:row;justify-content:space-between;gap:16px;align-items:center}.store-page #meus-paineis .panel-access-title span{max-width:none;margin:0}.store-page #meus-paineis button{border-left:0}.store-page #meus-paineis button+button{border-left:1px solid #30485f}}
@media(max-width:760px){.store-page .store-header nav{gap:20px;overflow-x:auto;white-space:nowrap;padding-top:4px}.store-page .store-header nav a{font-size:12px;flex-shrink:0;min-height:44px}.store-page #meus-paineis{scroll-margin-top:16px;grid-template-columns:1fr;margin-top:20px}.store-page #meus-paineis .panel-access-title{align-items:flex-start;flex-direction:column;gap:3px;padding:18px 20px}.store-page #meus-paineis .panel-access-title strong{font-size:16px}.store-page #meus-paineis button{min-height:92px;padding:20px;gap:14px}.store-page #meus-paineis button i{display:grid}.store-page #meus-paineis button em{display:block}.store-page #meus-paineis button+button{border-left:0;border-top:1px solid #30485f}.store-page .mobile-service-dock{gap:4px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top-color:#345777}.store-page .mobile-service-dock :is(button,a){min-height:52px;font-size:12px;line-height:1.3}.store-page .mobile-service-dock button{background:#172b42;border-radius:10px;color:#e6f3ff}.store-page{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
/* Padding lets a focused navigation link remain outlined inside the scrolling row. */
@media(max-width:760px){.store-page .store-header nav{padding:8px 4px;scroll-padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.store-page #meus-paineis button{transition:none}}