/* HORA MUSIC v11 — shell unificado. Não altera estrutura do design base. */
.site-header .header-inner{height:64px!important;min-height:64px!important;max-height:64px!important}
.site-header .logo{min-width:max-content;flex:0 0 auto}
.desktop-nav{min-width:0;justify-content:center}
.header-actions{min-width:max-content;flex:0 0 auto}
.user-menu-wrap{position:relative}
.user-menu-button{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:4px 8px 4px 5px;color:var(--foreground)}
.user-menu-button:hover{background:var(--surface-2)}
.user-avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:var(--gradient-brand);color:#fff;font-size:11px;font-weight:800;overflow:hidden}
.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar.large{width:42px;height:42px;border-radius:14px;font-size:13px}
.user-menu-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:var(--muted)}
.user-menu-button>.icon{width:14px;height:14px;color:var(--muted);transition:transform .18s ease}.user-menu-wrap.open .user-menu-button>.icon{transform:rotate(180deg)}
.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:min(310px,calc(100vw - 28px));display:none;border:1px solid var(--border);border-radius:20px;background:color-mix(in oklab,var(--surface) 98%,transparent);box-shadow:0 28px 72px -34px #000;padding:10px;backdrop-filter:blur(18px)}
.user-menu-wrap.open .user-dropdown{display:block}.user-dropdown-head{display:flex;align-items:center;gap:11px;padding:9px 9px 12px}.user-dropdown-head div{min-width:0}.user-dropdown-head b,.user-dropdown-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-head b{font-size:13px}.user-dropdown-head small{margin-top:3px;color:var(--muted);font-size:11px}
.user-dropdown-credits{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:9px 10px;font-size:11px}.user-dropdown-credits span{display:flex;align-items:center;gap:7px;color:var(--muted)}.user-dropdown-credits i{width:7px;height:7px;border-radius:50%;background:var(--audio)}.user-dropdown-credits b{font-family:var(--font-mono);font-size:11px}
.user-dropdown>a{display:flex;align-items:center;gap:10px;min-height:38px;border-radius:11px;padding:8px 10px;color:var(--muted);font-size:12px;font-weight:600}.user-dropdown>a:hover{background:var(--surface-2);color:var(--foreground)}.user-dropdown>a .icon{width:16px;height:16px}.user-dropdown>a.danger-link:hover{color:var(--danger)}.user-dropdown-sep{height:1px;background:var(--border);margin:6px 4px}
.nav-create-primary:not(.active){color:var(--brand-glow)}.nav-create-primary:not(.active):hover{background:color-mix(in oklab,var(--brand) 10%,transparent)}
.footer-expanded{min-height:72px}.footer-center{display:flex;align-items:center;gap:22px;margin-left:auto}.footer-center p{margin:0}.footer-links{display:flex;gap:14px}.footer-links a:hover{color:var(--foreground)}
@media(max-width:1120px){.desktop-nav .nav-link{padding-inline:9px}.desktop-nav .nav-link span{display:none}.desktop-nav .nav-link .icon{width:18px;height:18px}.user-menu-name{display:none}}
@media(max-width:767px){.header-actions .credit-pill{display:none}.header-actions .user-menu-wrap{display:none}.footer-inner.footer-expanded{align-items:flex-start;flex-direction:column}.footer-center{width:100%;margin:0;align-items:flex-start;flex-direction:column;gap:8px}.footer-links{flex-wrap:wrap}.mobile-account-summary{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:9px 10px;border:1px solid var(--border);border-radius:12px}.mobile-account-summary div{min-width:0}.mobile-account-summary b,.mobile-account-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-account-summary small{color:var(--muted);font-size:11px}}
.hora-shell-flashes{padding-top:12px}.hora-shell-flashes .hora-flash{margin:0}
/* Compatibilidade das rotas de autenticação que ainda usam markup funcional legado. */
.auth-shell>.auth-card-real{display:contents}.auth-shell .auth-brand-mobile{display:none!important}.auth-shell>.auth-card-real>.eyebrow{display:block;text-align:center;color:var(--audio);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-shell>.auth-card-real>h1{margin:10px 0 0;text-align:center;font-family:var(--font-display);font-size:30px;letter-spacing:-.035em}.auth-shell>.auth-card-real>p{margin:8px auto 0;max-width:340px;text-align:center;color:var(--muted);font-size:12px;line-height:1.55}.auth-shell .form-stack{display:grid;gap:14px;margin-top:24px}.auth-shell .field{display:grid;gap:7px}.auth-shell .field>label{font-size:11px;font-weight:700}.auth-shell .input,.auth-shell input.input{width:100%;min-height:44px;border:1px solid var(--input);border-radius:14px;background:var(--surface-2);padding:10px 12px;color:var(--foreground);outline:none}.auth-shell .input:focus{border-color:color-mix(in oklab,var(--brand) 58%,var(--input));box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 12%,transparent)}.auth-shell .password-wrap{position:relative}.auth-shell .password-wrap .input{padding-right:42px}.auth-shell .password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted)}.auth-shell .password-toggle:hover{background:var(--surface);color:var(--foreground)}.auth-shell .password-toggle::before{content:'◉';font-size:12px}.auth-shell .primary-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:0;border-radius:18px;background:var(--brand-cta);color:#fff;font-weight:750}.auth-shell .primary-btn:hover{background:var(--brand-cta-hover)}.auth-shell .auth-links-row{display:flex;justify-content:space-between;gap:12px;font-size:11px}.auth-shell .auth-links-row a,.auth-shell .inline-link{color:var(--brand-glow)}.auth-shell .auth-consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.5}.auth-shell .auth-consent input{margin-top:2px;accent-color:var(--brand)}.auth-shell .auth-success,.auth-shell .auth-warning,.auth-shell .alert{margin-top:18px;border:1px solid var(--border);border-radius:14px;padding:11px 12px;font-size:11px;line-height:1.55}.auth-shell .auth-success{background:color-mix(in oklab,var(--success) 8%,var(--surface));color:var(--success)}.auth-shell .auth-warning{background:color-mix(in oklab,var(--warning) 8%,var(--surface));color:var(--warning)}.auth-shell .alert-error{background:color-mix(in oklab,var(--danger) 8%,var(--surface));color:#ff939d}.auth-shell .auth-switch{text-align:center}.auth-shell .secondary-auth-action{margin-top:16px}