/* MAIS TUNER 24.82 — tela "Ícone do perfil" refeita (index.html #mtAvatarStep, legacy-runtime mtAvatarMark).
   Grade sempre aberta, prévia grande com o nome e como aparece no chat e no topo, cartão escolhido
   com ✓ (classe .is-on, sem :has), ações fixas no rodapé. */
#mtAvatarStep.mt-avatar-step{font-family:'NRK Sans','Reddit Sans',sans-serif}
#mtAvatarStep .mt-auth-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px 6px 8px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#dbe8ff!important;font:800 13.5px 'NRK Sans','Reddit Sans',sans-serif!important;text-decoration:none!important;outline:none}
#mtAvatarStep .mt-auth-link:hover{background:rgba(255,255,255,.14)}
#mtAvatarStep .mt-auth-link:focus-visible{box-shadow:0 0 0 2px #5fffc0}
#mtAvatarStep h1{margin:4px 0 6px!important;font-size:clamp(28px,3.4vw,38px)!important;letter-spacing:-.02em}
#mtAvatarStep > p{margin:0 0 16px!important;color:#b9cbe6!important}
#mtAvatarStep .mt-avatar-hero{position:relative;min-height:0;display:grid;justify-items:center;gap:10px;margin:0 0 18px;padding:26px 16px 20px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(95,255,192,.16),transparent 60%),radial-gradient(90% 90% at 100% 100%,rgba(77,124,255,.22),transparent 60%),#0a2142!important;border:1px solid rgba(160,190,240,.14)}
#mtAvatarStep .mt-avatar-hero-symbol{position:relative;width:132px;height:132px;font-size:46px;box-shadow:0 0 0 6px #0a2142,0 0 0 10px rgba(95,255,192,.55),0 18px 40px -12px rgba(0,0,0,.6)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#mtAvatarStep .mt-avatar-hero-symbol.mt-avatar-img{background-color:#123a69!important;background-size:90%!important}
#mtAvatarStep .mt-avatar-hero-name{font-size:19px;font-weight:900;color:#fff}
.mt-avatar-uses{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px}
.mt-avatar-use{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13px;color:#dbe8ff}
.mt-avatar-use .mt-avatar-symbol{width:30px!important;height:30px!important;flex:none;font-size:13px!important}
.mt-avatar-use .mt-avatar-symbol.mt-avatar-img{background-color:#123a69!important;background-size:92%!important}
.mt-avatar-bubble{padding:4px 10px;border-radius:12px 12px 12px 4px;background:#1e4a85;font-weight:700}
.mt-avatar-use.is-top b{font-weight:800}
#mtAvatarStep .mt-avatar-options{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:0 0 6px}
#mtAvatarStep .mt-avatar-options legend{margin-bottom:10px;font-size:13px!important;font-weight:900!important;letter-spacing:.14em;text-transform:uppercase;color:#9fb4d4!important}
#mtAvatarStep .mt-avatar-choice{min-height:0;gap:6px;padding:12px 8px 10px;border:2px solid transparent;border-radius:18px;background:rgba(255,255,255,.05);transition:background .15s,border-color .15s,transform .15s}
#mtAvatarStep .mt-avatar-choice:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}
#mtAvatarStep .mt-avatar-choice.is-on{border-color:#5fffc0;background:rgba(95,255,192,.12);box-shadow:none}
#mtAvatarStep .mt-avatar-choice input:focus-visible + .mt-avatar-symbol{outline:3px solid #8bc3ff;outline-offset:3px}
#mtAvatarStep .mt-avatar-choice .mt-avatar-symbol{width:76px;height:76px}
#mtAvatarStep .mt-avatar-choice small{font-size:13px;font-weight:800;color:#e6efff}
.mt-avatar-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:none;place-items:center;background:#5fffc0;color:#06231b;font-style:normal;font-weight:900;font-size:13px}
.mt-avatar-choice.is-on .mt-avatar-check{display:grid}
.mt-avatar-new{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:999px;background:#ffd54a;color:#3a2a00;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
#mtAvatarStep .mt-avatar-actions{position:sticky;bottom:12px;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;margin:16px 0 0;padding:8px;border-radius:999px;background:rgba(6,20,42,.92);border:1px solid rgba(160,190,240,.16);box-shadow:0 16px 36px -14px rgba(0,0,0,.7)}
#mtAvatarStep .mt-avatar-actions button{width:100%!important;min-height:48px!important;margin:0!important;border-radius:999px!important;font:900 16px 'NRK Sans','Reddit Sans',sans-serif!important}
#mtAvatarStep .mt-avatar-save{border:0!important;background:linear-gradient(100deg,#5fffc0,#36cae7)!important;color:#06231b!important}
#mtAvatarStep .mt-avatar-cancel{border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;color:#fff!important}
@media (max-width:600px){#mtAvatarStep .mt-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#mtAvatarStep .mt-avatar-choice .mt-avatar-symbol{width:62px;height:62px}#mtAvatarStep .mt-avatar-hero-symbol{width:112px;height:112px}}
@media (prefers-reduced-motion:reduce){#mtAvatarStep .mt-avatar-choice,#mtAvatarStep .mt-avatar-hero-symbol{transition:none}}
/* tema claro */
html[data-site-theme="light"] #mtAvatarStep .mt-avatar-hero{background:radial-gradient(120% 90% at 50% 0%,rgba(10,143,104,.12),transparent 60%),#eef4fc!important;border-color:rgba(9,37,65,.1)}
html[data-site-theme="light"] #mtAvatarStep .mt-avatar-hero-name{color:#0b1b2e}
html[data-site-theme="light"] .mt-avatar-use{background:#fff;border-color:rgba(9,37,65,.12);color:#24405f}
html[data-site-theme="light"] .mt-avatar-bubble{background:#dbe8fb}
html[data-site-theme="light"] #mtAvatarStep .mt-avatar-actions{background:rgba(255,255,255,.95);border-color:rgba(9,37,65,.12)}
html[data-site-theme="light"] #mtAvatarStep .mt-avatar-cancel{color:#0b1b2e!important;border-color:rgba(9,37,65,.25)!important}