*{box-sizing:border-box} :root{--bg:#0b0b0e;--panel:#15151b;--panel2:#1d1d25;--red:#e32636;--red2:#ff4554;--text:#f7f7fa;--muted:#a7a7b3;--line:#30303a}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#351015 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#ff7c86;text-decoration:none}a:hover{color:white}.wrap{max-width:1180px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 22px;border-bottom:1px solid var(--line);margin-bottom:22px}.brand{font-weight:900;font-size:24px;letter-spacing:.08em}.brand span{color:var(--red2)}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:linear-gradient(145deg,#1b1b23,#111116);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 32px #0004}.card h2,.card h3{margin:0 0 12px}.metric{font-size:30px;font-weight:800}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--red);color:white;font-weight:750;padding:12px 17px;cursor:pointer;font-size:14px}.btn:hover,button:hover{background:var(--red2);color:white}.btn.secondary{background:#292932;border:1px solid #41414d}.btn.small{padding:8px 11px}.field{display:block;width:100%;margin:7px 0 15px;background:#0d0d12;border:1px solid #3b3b47;color:white;border-radius:11px;padding:13px;font:inherit}.field:focus{outline:2px solid #e3263677;border-color:var(--red)}label{font-size:13px;color:#d0d0d9;font-weight:650}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#c9c9d2;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.alert{padding:13px 15px;border:1px solid #71323a;background:#2b1216;border-radius:12px;margin:14px 0}.ok{border-color:#285a42;background:#10271b}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.nav a{background:#1b1b23;border:1px solid var(--line);padding:9px 12px;border-radius:10px}.nav a.active{border-color:var(--red);background:#351218}.footer{text-align:center;color:#888894;font-size:12px;padding:30px 10px}.login{max-width:460px;margin:8vh auto}.pill{display:inline-block;border:1px solid #63313a;background:#321319;border-radius:100px;padding:4px 9px;font-size:12px}.empty{padding:28px;text-align:center;color:var(--muted)}@media(max-width:600px){.wrap{padding:14px}.top{align-items:flex-start;flex-direction:column}.brand{font-size:21px}.card{padding:16px}.login{margin:4vh auto}}
/* BR SÓCIOS premium UI */
.brand-link{display:inline-flex;align-items:center}.brand-logo{display:block;width:min(290px,72vw);height:auto;max-height:72px}.top{align-items:center}.nav{position:sticky;top:0;z-index:5;padding:8px 0;background:#0b0b0ef2;backdrop-filter:blur(14px);border-bottom:1px solid #29232a}.nav a{font-size:13px;transition:.18s ease}.nav a:hover,.nav a:focus{border-color:#e32636;background:#301117}.card{box-shadow:0 12px 36px #0005;transition:border-color .18s ease}.card:hover{border-color:#4d3037}button,.btn{min-height:42px;letter-spacing:.02em}input,select,textarea{max-width:100%}h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;margin:6px 0}h2{font-size:18px}th{white-space:nowrap}td{font-size:14px}.footer{border-top:1px solid #25252d;margin-top:32px}.footer strong{color:#ff5361}@media(max-width:720px){.nav{position:static;gap:6px}.nav a{padding:8px 10px;font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.metric{font-size:26px}.table-wrap table{min-width:590px}.brand-logo{width:245px}.row>*{min-width:0}}

/* Formulários de cadastro e cobrança: hierarquia visual consistente */
small.muted{display:block;font-size:11px;margin-top:-10px;margin-bottom:12px}.field[type=date]{color-scheme:dark}.alert{line-height:1.55}.nav a{color:#eee}.nav a:hover{color:#fff}.btn.secondary:hover{border-color:var(--red);background:#2b1419}.card h1,.card h2{color:#fff}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--red2);outline-offset:3px}@media(max-width:520px){.row{align-items:stretch}.row>div{flex:1 1 100%}.table-wrap{margin-right:-4px}.login{margin-top:20px}}

/* Perfil e galeria de mascotes */
.profile-current{display:flex;align-items:center;gap:18px}.profile-mark{width:92px;height:92px;flex:0 0 92px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#4b2227,#111116 70%);border:1px solid #8c303b;box-shadow:0 0 22px #e3263622}.profile-mark span{font-size:48px}.profile-mark img{width:100%;height:100%;object-fit:contain;border-radius:20px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin:16px 0}.avatar-option{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#202027,#101014);cursor:pointer;text-align:center}.avatar-option:has(input:checked){border-color:var(--red2);box-shadow:0 0 0 1px #e3263677,0 8px 22px #e3263620}.avatar-option input{accent-color:var(--red);align-self:flex-start}.avatar-art{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:42px;background:radial-gradient(circle at 35% 25%,#65232b,#16161c 72%);border:2px solid #9e303b;box-shadow:inset 0 0 15px #0009}.avatar-option strong{font-size:12px}.profile-current h2{margin:0 0 5px}@media(max-width:500px){.profile-current{align-items:flex-start}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* BR SÓCIOS v1 — login premium, motion acessível e atalhos */
.login-premium{width:min(100%,430px);margin:clamp(28px,9vh,90px) auto;padding:clamp(22px,5vw,38px);background:linear-gradient(150deg,#19191f 0%,#101014 70%);border:1px solid #3b252a;border-radius:24px;box-shadow:0 22px 70px #0009,0 0 36px #e3263610;animation:brs-login-in .42s ease-out both}
.login-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 28px;width:100%}
.login-logo img{display:block;width:min(100%,270px);max-height:150px;object-fit:contain;filter:drop-shadow(0 8px 18px #0008)}
.login-premium form{display:flex;flex-direction:column;gap:4px}
.login-premium .field{margin:7px 0 17px;min-height:50px;background:#0a0a0d;border-color:#3a3a43}
.login-premium .login-submit{width:100%;min-height:52px;margin-top:5px;text-align:center;justify-content:center;padding:14px 16px;line-height:1.2;letter-spacing:.035em;background:linear-gradient(100deg,#bd101d,#ed2636);box-shadow:0 8px 22px #e3263628;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
button:active,.btn:active{transform:scale(.985)}
.card,.nav a,.field,.btn,button{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.field:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ff6672;outline-offset:3px}
@keyframes brs-login-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.wrap{padding:14px}.login-premium{margin:5vh auto;padding:24px 20px;border-radius:20px}.login-logo img{max-width:235px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Navegação rápida v1.1 */
.nav{align-items:center;gap:7px;scroll-margin-top:10px}
.nav a{white-space:nowrap}
.nav a.active{border-color:var(--red);background:#351218;box-shadow:inset 0 -2px 0 var(--red)}
.nav-search-wrap{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:min(100%,230px);padding:5px 0 9px;color:var(--muted)}
.nav-search-label{white-space:nowrap;font-size:12px}
.nav-search{width:100%;min-width:100px;max-width:320px;border:1px solid var(--line);border-radius:10px;background:#101015;color:var(--text);padding:10px 12px;font:inherit;outline:none}
.nav-search:focus{border-color:var(--red);box-shadow:0 0 0 3px #e3263620}
.nav-search-empty{padding:0 0 12px}
button:disabled{opacity:.7;cursor:wait;transform:none!important}
@media(min-width:900px){.nav-search-wrap{flex:0 1 100%;max-width:100%;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Navegação rápida v1.1 */
.nav{align-items:center;gap:7px;scroll-margin-top:10px}
.nav a{white-space:nowrap}
.nav a.active{border-color:var(--red);background:#351218;box-shadow:inset 0 -2px 0 var(--red)}
.nav-search-wrap{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:min(100%,230px);padding:5px 0 9px;color:var(--muted)}
.nav-search-label{white-space:nowrap;font-size:12px}
.nav-search{width:100%;min-width:100px;max-width:320px;border:1px solid var(--line);border-radius:10px;background:#101015;color:var(--text);padding:10px 12px;font:inherit;outline:none}
.nav-search:focus{border-color:var(--red);box-shadow:0 0 0 3px #e3263620}
.nav-search-empty{padding:0 0 12px}
button:disabled{opacity:.7;cursor:wait;transform:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* BR SÓCIOS — navegação profissional lateral, responsiva e acessível */
:root{--sidebar:258px;--red-deep:#a80e1c;--surface:#121216;--surface-raised:#19191f}
body{background:radial-gradient(ellipse at 0% 0%,#2a0b10 0,transparent 34%),#09090c}
body.app-authenticated .wrap{max-width:none;margin:0;padding:22px 30px 24px calc(var(--sidebar) + 30px);min-height:100vh;display:flex;flex-direction:column}
body.app-guest .wrap{max-width:1180px;margin:auto;padding:22px;min-height:100vh;display:flex;flex-direction:column}
.top{min-height:96px;padding:4px 0 20px;gap:18px;margin-bottom:26px;align-items:center}
.brand-block{min-width:0}.brand-logo{width:min(240px,50vw);max-height:62px;object-fit:contain;object-position:left center}.brand-block>.muted{font-size:13px;margin-top:5px}
.header-user{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:0 0 auto}.user-ident{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.user-ident strong{font-size:14px}.user-ident .pill{font-size:11px;letter-spacing:.04em}
.nav{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;background:linear-gradient(180deg,#141418 0%,#0c0c10 100%);border:0;border-right:1px solid #302128;padding:20px 13px 12px;box-shadow:14px 0 40px #0003;backdrop-filter:blur(18px)}
.nav-heading{display:flex;align-items:center;gap:11px;padding:2px 9px 18px;border-bottom:1px solid #30242a;margin-bottom:13px;flex-shrink:0}.nav-heading strong{display:block;font-size:15px;letter-spacing:.08em}.nav-heading small{display:block;color:#9b98a2;font-size:11px;margin-top:2px}.nav-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f23a48,#a30e1c);font-weight:900;font-size:14px;box-shadow:0 5px 18px #e3263630}
.nav-search-wrap{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:0 0 auto;min-width:0;padding:0 4px 14px;color:#b6b3bd}.nav-search-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-search{max-width:none;width:100%;min-height:42px;border-radius:11px;padding:10px 12px;background:#0a0a0e;border-color:#34313a;font-size:13px}
.nav-links{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c3037 transparent;padding:0 2px;flex:1 1 auto}.nav-group{margin:0 0 14px}.nav-group-title{font-size:10px;font-weight:850;letter-spacing:.12em;color:#827e89;padding:7px 10px 6px}.nav a{display:flex;align-items:center;gap:10px;margin:2px 0;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#d3d1d8;font-size:13px;line-height:1.3;white-space:normal;transition:background .16s ease,border-color .16s ease,color .16s ease}.nav a:hover,.nav a:focus-visible{background:#23151a;border-color:#4d252d;color:#fff}.nav a.active{border-color:#67232d;background:linear-gradient(100deg,#45151e,#251217);box-shadow:inset 3px 0 0 var(--red2);color:#fff}.nav-icon{display:inline-flex;flex:0 0 20px;width:20px;justify-content:center;color:#ff6672;font-size:15px;font-weight:800}.nav a[hidden],.nav-group[hidden]{display:none!important}.nav-search-empty{padding:8px 10px;font-size:12px}.nav-footer{flex:0 0 auto;border-top:1px solid #30242a;padding:13px 8px 2px;color:#9995a0;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;background:#35c77b;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #35c77b55}
.menu-toggle{display:none;flex:0 0 42px;width:42px;height:42px;padding:10px;border:1px solid #3a3037;border-radius:12px;background:#1b171d;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:4px;height:4px;border-radius:50%;background:#fff}.nav-backdrop{display:none}
main{width:100%;max-width:1500px;flex:1 0 auto;min-width:0}.footer{width:100%;max-width:1500px;margin-top:38px;padding:22px 10px 6px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.card{background:linear-gradient(145deg,#19191f,#111115);border-color:#2c2a32}.row{gap:10px}.btn,.btn.secondary,button{border-radius:11px}
@media(max-width:900px){body.app-authenticated .wrap,body.app-guest .wrap{padding:14px;max-width:100%}.top{min-height:0;padding:0 0 17px;margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:12px}.brand-logo{width:min(205px,58vw);max-height:55px}.brand-block>.muted{font-size:11px;line-height:1.4}.menu-toggle{display:flex;grid-column:2;grid-row:1;align-self:center}.header-user{grid-column:1/-1;justify-content:space-between;border-top:1px solid #29242b;padding-top:12px}.user-ident{justify-content:flex-start}.nav{width:min(310px,86vw);transform:translateX(-105%);transition:transform .24s ease;box-shadow:18px 0 50px #0009;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));visibility:hidden}.nav.open{transform:translateX(0);visibility:visible}.nav-backdrop{display:block;position:fixed;z-index:35;inset:0;background:#000a;border:0;border-radius:0;backdrop-filter:blur(2px)}.nav-backdrop[hidden]{display:none}.nav-heading strong{font-size:14px}.nav a{font-size:14px;padding:11px 12px}.nav-search-wrap{padding-bottom:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px}.metric{font-size:25px}.table-wrap{max-width:100%}.footer{margin-top:28px}}
@media(max-width:420px){body.app-authenticated .wrap,body.app-guest .wrap{padding:12px}.brand-logo{width:min(175px,54vw)}.brand-block>.muted{max-width:240px}.header-user{gap:8px}.user-ident strong{font-size:13px}.user-ident .pill{font-size:10px}.header-user .btn{min-width:66px}.grid{grid-template-columns:1fr}.card{border-radius:15px}.metric{font-size:27px}.nav{width:min(300px,88vw)}}
@media(prefers-reduced-motion:reduce){.nav{transition:none}}

/* Correção definitiva: login com uma única marca e painel sem fileiras de atalhos */
body.app-guest .top{display:none!important}
body.app-guest .wrap{max-width:100%;padding:18px;justify-content:center}
body.app-guest main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px)}
body.app-guest .login-premium{width:min(100%,440px);margin:24px auto;padding:clamp(24px,5vw,42px);border-radius:24px}
body.app-guest .login-logo{margin-bottom:24px}
body.app-guest .login-logo img{width:min(100%,260px);max-height:130px;object-fit:contain}
body.app-guest .login-premium label{display:block;margin-top:5px}
body.app-guest .login-premium .field{width:100%;min-height:52px;margin:8px 0 17px}
body.app-guest .login-submit{width:100%;min-height:52px}
body.app-guest .footer{max-width:440px;margin:10px auto 0;text-align:center;padding-top:14px;font-size:12px}
body.app-authenticated .nav{display:flex}
body.app-authenticated .nav a{display:flex;min-height:40px}
body.app-authenticated .nav .nav-links{display:block}
body.app-authenticated .row .btn{flex:0 1 auto}
@media(max-width:900px){body.app-guest .wrap{padding:16px}body.app-guest main{min-height:calc(100dvh - 100px)}body.app-guest .login-premium{margin:12px auto;padding:24px 20px}body.app-guest .footer{margin-top:12px}}

/* BR SÓCIOS — atualização premium interna v2 */
:root{--sidebar:320px;--red:#e32636;--red2:#ff5260;--line:#302b34;--surface:#141419;--surface-raised:#1b1b22}
html{scroll-behavior:smooth}body.app-authenticated{background:radial-gradient(ellipse at 8% -8%,#401018 0,transparent 32%),radial-gradient(ellipse at 100% 20%,#171017 0,transparent 28%),#09090c}
body.app-authenticated .wrap{width:100%;max-width:none;margin:0;padding:22px clamp(14px,3vw,42px);min-height:100vh;display:flex;flex-direction:column}
body.app-authenticated main{width:100%;max-width:1600px;margin:0 auto;flex:1;min-width:0}
body.app-authenticated .top{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;align-items:center;gap:16px;min-height:88px;padding:8px 0 20px;margin:0 auto 28px;width:100%;max-width:1600px;border-bottom:1px solid #33262d}
body.app-authenticated .brand-block{min-width:0}.brand-link{max-width:100%}.brand-logo{width:min(250px,100%);max-height:66px;object-fit:contain;object-position:left center}.brand-block>.muted{font-size:12px;margin-top:5px;line-height:1.4}
body.app-authenticated .menu-toggle{display:flex;grid-column:2;grid-row:1;align-self:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #4b3038;border-radius:15px;background:linear-gradient(145deg,#25171d,#131216);box-shadow:0 8px 25px #0005;cursor:pointer;gap:4px}
body.app-authenticated .menu-toggle span{width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ff526044}
body.app-authenticated .menu-toggle:hover{border-color:#e32636;background:#30141a;transform:translateY(-1px)}
body.app-authenticated .header-user{grid-column:3;grid-row:1;display:flex;align-items:center;gap:14px;justify-content:flex-end;min-width:0}.user-ident{gap:10px;max-width:min(40vw,360px)}.user-ident>strong{overflow-wrap:anywhere}
body.app-authenticated .role-seal{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:4px 9px 4px 5px;border:1px solid #4a3038;background:linear-gradient(135deg,#26151b,#151419);border-radius:999px;color:#f7e9eb;font-size:11px;font-weight:800;letter-spacing:.025em;white-space:nowrap}
.role-seal img{display:block;width:25px;height:25px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 5px #0008)}.profile-role-seal img{width:34px;height:34px}.profile-role-seal{margin-top:3px}
body.app-authenticated aside#main-nav.nav{position:fixed!important;z-index:100!important;inset:0 auto 0 0!important;width:min(360px,90vw)!important;height:100dvh!important;max-height:100dvh;display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:0!important;margin:0!important;padding:calc(18px + env(safe-area-inset-top)) 15px calc(14px + env(safe-area-inset-bottom))!important;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;background:linear-gradient(180deg,#171419 0%,#0b0b0f 100%)!important;border:0!important;border-right:1px solid #4a2831!important;border-radius:0 22px 22px 0!important;box-shadow:24px 0 70px #000b!important;transform:translateX(-110%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .25s ease,opacity .2s ease,visibility .25s!important}
body.app-authenticated aside#main-nav.nav.open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.app-authenticated .nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 6px 16px;margin:0 0 14px;border-bottom:1px solid #30262d;flex:0 0 auto}
body.app-authenticated .nav-heading strong{display:block;font-size:13px;letter-spacing:.13em;color:#fff}.nav-heading small{display:block;font-size:11px;color:#a8a1ac;margin-top:5px}
body.app-authenticated .nav-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #49313a;border-radius:12px;background:#21171d;color:#fff;font-size:25px;line-height:1;box-shadow:none;flex:0 0 38px}
body.app-authenticated .nav-search-wrap{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:0 2px 13px;color:#b8b2bd}
body.app-authenticated .nav-search-label{font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.nav-search{max-width:none;width:100%;min-height:44px;padding:11px 13px;border-radius:12px;background:#0b0b0f;border-color:#38303a;font-size:13px}
body.app-authenticated .nav-links{display:block!important;flex:1 1 auto!important;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64313b transparent;padding:0 3px 10px}
body.app-authenticated .nav-group{display:block;margin:0 0 12px}.nav-group-title{padding:8px 10px 6px;color:#928994;font-size:9px;font-weight:900;letter-spacing:.15em}
body.app-authenticated aside#main-nav.nav a{display:flex!important;align-items:center;gap:11px;width:100%;min-height:43px;margin:3px 0;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d8d4dc;font-size:13px;font-weight:600;line-height:1.3;white-space:normal;box-shadow:none;transform:none}
body.app-authenticated aside#main-nav.nav a:hover,body.app-authenticated aside#main-nav.nav a:focus-visible{background:#25171d;border-color:#4c2932;color:#fff}
body.app-authenticated aside#main-nav.nav a.active{background:linear-gradient(105deg,#42151e,#241116);border-color:#672b36;box-shadow:inset 3px 0 #ff5260;color:#fff}
body.app-authenticated .nav-icon{flex:0 0 23px;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#2b171e;color:#ff7580;font-size:14px}
body.app-authenticated .nav-footer{flex:0 0 auto;margin-top:9px;padding:13px 7px 2px;border-top:1px solid #30262d;color:#aaa3ae;font-size:11px}
body.app-authenticated .nav-backdrop{display:block!important;position:fixed!important;z-index:90!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:#030205b8!important;backdrop-filter:blur(4px);padding:0!important;margin:0!important;box-shadow:none!important}
body.app-authenticated .nav-backdrop[hidden]{display:none!important}body.nav-open{overflow:hidden}
body.app-authenticated h1{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.15;margin:0 0 10px}body.app-authenticated h2{font-size:19px;letter-spacing:-.02em}body.app-authenticated main>p.muted{margin:0 0 24px;line-height:1.7}
body.app-authenticated .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px;align-items:stretch}
body.app-authenticated .card{min-width:0;padding:clamp(16px,2vw,24px);border:1px solid #302b34;border-radius:19px;background:linear-gradient(145deg,#1a191f 0%,#111115 100%);box-shadow:0 12px 36px #0004}
body.app-authenticated .card:hover{border-color:#52303a;box-shadow:0 16px 42px #0006}
body.app-authenticated .metric{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;line-height:1.25;margin:6px 0}
body.app-authenticated .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}body.app-authenticated .row>*{flex:0 1 auto;min-width:0}
body.app-authenticated .btn,body.app-authenticated button{min-height:42px;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:800;letter-spacing:.025em;white-space:normal;line-height:1.35}
body.app-authenticated .btn.secondary{background:#242229;border-color:#3c3741;color:#f3f0f5}body.app-authenticated .btn.secondary:hover{background:#30272f;border-color:#62404a}
body.app-authenticated .field,body.app-authenticated select,body.app-authenticated textarea{min-height:44px;border-radius:12px;background:#0d0c11;border-color:#39333e;color:#f8f6fa}
body.app-authenticated form{max-width:100%}body.app-authenticated label{display:block;margin:8px 0 5px;color:#d8d3dc;font-size:12px}
body.app-authenticated .table-wrap{width:100%;overflow:auto;border:1px solid #302b34;border-radius:14px}body.app-authenticated table{min-width:650px;background:#111115}body.app-authenticated th{background:#1b171e;color:#bcb4c0}body.app-authenticated td,body.app-authenticated th{padding:13px 14px;border-bottom:1px solid #29252e}
body.app-authenticated .alert{border-radius:14px;padding:14px 16px;line-height:1.6}body.app-authenticated .footer{max-width:1600px;margin:34px auto 0;padding:24px 8px 10px;border-top:1px solid #27232a;line-height:1.8}
body.app-authenticated .profile-current{display:flex;align-items:center;gap:20px}.profile-mark{width:84px;height:84px;flex:0 0 84px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:#21161c;border:1px solid #4b2a34}.profile-mark img{width:100%;height:100%;object-fit:cover}.profile-mark span{font-size:44px}
@media(max-width:700px){body.app-authenticated .wrap{padding:14px 13px 20px}body.app-authenticated .top{grid-template-columns:minmax(0,1fr) 46px;gap:10px;min-height:0;padding:4px 0 15px;margin-bottom:22px}body.app-authenticated .brand-logo{width:min(210px,100%);max-height:55px}body.app-authenticated .brand-block>.muted{font-size:10px;max-width:230px}body.app-authenticated .menu-toggle{grid-column:2;grid-row:1;width:46px;height:46px;flex-basis:46px}body.app-authenticated .header-user{grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid #29242b;padding-top:12px;gap:8px}.user-ident{justify-content:flex-start;max-width:calc(100% - 72px);flex-wrap:wrap}.user-ident>strong{font-size:13px}.user-ident .role-seal{font-size:10px;padding:3px 7px 3px 4px}.role-seal img{width:22px;height:22px}body.app-authenticated .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.app-authenticated .card{padding:15px;border-radius:16px}body.app-authenticated .metric{font-size:25px}body.app-authenticated .card h2{font-size:17px}body.app-authenticated .footer{margin-top:26px}}
@media(max-width:430px){body.app-authenticated .grid{grid-template-columns:1fr}body.app-authenticated .wrap{padding:12px}body.app-authenticated .brand-logo{width:min(185px,100%)}body.app-authenticated .user-ident{max-width:calc(100% - 60px)}body.app-authenticated .profile-current{align-items:flex-start;gap:13px}.profile-mark{width:66px;height:66px;flex-basis:66px;border-radius:17px}body.app-authenticated .row .btn,body.app-authenticated .row button{flex:1 1 140px}}
@media(min-width:701px){body.app-authenticated .nav-backdrop{background:#030205a8!important}body.app-authenticated .top{gap:18px}}
@media(prefers-reduced-motion:reduce){body.app-authenticated aside#main-nav.nav{transition:none!important}}

.gateway-url-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:18px 0}.gateway-url-item{min-width:0;padding:15px;border:1px solid #302b34;border-radius:14px;background:#111115}.gateway-url-line{display:flex;align-items:flex-start;gap:8px}.gateway-url-line .field{min-width:0;flex:1;font-size:12px;overflow-wrap:anywhere}.gateway-url-line .btn{flex:0 0 auto;white-space:nowrap}.gateway-url-item small{display:block;line-height:1.6;margin:2px 0 6px}
@media(max-width:520px){.gateway-url-line{flex-direction:column}.gateway-url-line .field,.gateway-url-line .btn{width:100%}}

/* Perfil premium: avatar em destaque e selo legível junto ao nome */
body.app-authenticated .profile-current{padding:24px;gap:22px;align-items:center;background:radial-gradient(ellipse at 0 0,#4a1721aa,transparent 55%),linear-gradient(135deg,#17151b,#0d0d11);border-color:#4d2933}
body.app-authenticated .profile-mark{width:112px;height:112px;flex:0 0 112px;border-radius:28px;border:2px solid #b53b4b;box-shadow:0 0 0 5px #e3263610,0 12px 32px #0008}
body.app-authenticated .profile-mark span{font-size:58px}
body.app-authenticated .profile-current h2{font-size:clamp(22px,4vw,30px);letter-spacing:-.03em;margin:0 0 8px}
body.app-authenticated .profile-badges{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.app-authenticated .profile-role-seal{font-size:14px;padding:6px 13px 6px 7px;gap:9px;border-color:#a33a4a;background:linear-gradient(120deg,#4b1723,#17141a);box-shadow:0 0 18px #e3263622}
body.app-authenticated .profile-role-seal img{width:42px;height:42px;filter:drop-shadow(0 0 7px #ff354c55)}
body.app-authenticated .profile-role-caption{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4b7c0;border:1px solid #4b3038;border-radius:999px;padding:7px 10px}
body.app-authenticated .account-avatar-mini{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid #4a3038;background:linear-gradient(145deg,#32151d,#151419);overflow:hidden}
body.app-authenticated .account-avatar-mini img{width:100%;height:100%;object-fit:cover}
body.app-authenticated .account-avatar-mini span{font-size:24px}
body.app-authenticated .account-role-seal{font-size:12px;padding:5px 10px 5px 5px}
body.app-authenticated .account-role-seal img{width:34px;height:34px}
@media(max-width:500px){body.app-authenticated .profile-current{padding:17px;gap:14px;align-items:flex-start}body.app-authenticated .profile-mark{width:82px;height:82px;flex-basis:82px;border-radius:21px}body.app-authenticated .profile-mark span{font-size:44px}body.app-authenticated .profile-role-seal{font-size:12px;white-space:normal}body.app-authenticated .profile-role-seal img{width:34px;height:34px}body.app-authenticated .profile-role-caption{font-size:10px}}


/* Perfil premium: selo verificado, avatar circular, ofertas e prévia */
.profile-current{align-items:center;gap:20px;padding:22px}
.profile-mark{width:84px;height:84px;flex:0 0 84px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#282832,#111116);border:1px solid #41414d;box-shadow:0 8px 24px #0005}
.profile-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-mark span{font-size:38px}
.profile-summary{min-width:0}
.profile-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-name-line h2{margin:0;font-size:clamp(19px,3vw,25px);overflow-wrap:anywhere}
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:#2589ef;color:#fff;font-size:13px;font-weight:900;line-height:1;border:1.5px solid #b7dcff;box-shadow:0 0 0 2px #2589ef22;vertical-align:middle}
.verified-badge-small{width:15px;height:15px;flex-basis:15px;font-size:10px;margin:0 2px}
.verified-badge-large{width:32px;height:32px;flex-basis:32px;font-size:21px;margin-bottom:10px}
.profile-badges{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px}
.profile-role-caption{color:var(--muted);font-size:13px}
.profile-section{margin-top:16px}
.benefit-offer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px;border:1px solid #353540;border-radius:15px;background:linear-gradient(135deg,#1b1b24,#121217)}
.benefit-offer .metric{font-size:clamp(26px,4vw,34px);margin:4px 0}
.benefit-offer p{margin:5px 0}
.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#ff8790}
.status-label{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#153d2a;border:1px solid #286747;color:#a5f1c5;font-size:11px;font-weight:850;letter-spacing:.08em}
.photo-preview-wrap{display:flex;align-items:center;gap:14px;margin:12px 0 18px;min-height:78px}
#photo-preview{width:76px;height:76px;object-fit:cover;object-position:center;border-radius:50%;border:2px solid #2589ef;background:#111}
#photo-preview-help{font-size:12px}
.small-note{font-size:12px;margin-top:12px}
@media(max-width:520px){.profile-current{align-items:flex-start;padding:16px;gap:13px}.profile-mark{width:66px;height:66px;flex-basis:66px}.profile-mark span{font-size:30px}.benefit-offer{align-items:flex-start;padding:15px}.benefit-offer form,.benefit-offer form button{width:100%}.profile-name-line{gap:6px}}

/* Correção de selects nativos no Android: manter a lista de cargos em tema escuro */
body.app-authenticated select.field, body.app-authenticated select,
body.app-guest select.field, body.app-guest select{color-scheme:dark;background-color:#0d0c11!important;color:#f8f6fa!important;border:1px solid #49414d!important;appearance:auto;-webkit-appearance:menulist}
body.app-authenticated select option, body.app-guest select option{background:#17151b!important;color:#f7f4f8!important}
body.app-authenticated select:focus, body.app-guest select:focus{outline:2px solid #e3263677;outline-offset:1px}
body.app-authenticated input,body.app-authenticated select,body.app-authenticated textarea{color-scheme:dark}