:root{--bg:#020b14;--panel:#061522;--panel2:#0a1b2a;--line:#173247;--text:#f5f7fb;--muted:#8fa4b7;--gold:#f5bf43;--cyan:#13c9ff;--blue:#0b7cff;--danger:#ff5c73}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -30%,#0a2d4b 0,#020b14 40%,#01070d 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}.shell{min-height:100vh}.topbar{height:165px;display:grid;grid-template-columns:1.25fr 1fr 1fr auto auto;align-items:center;padding:16px 30px;border-bottom:1px solid rgba(245,191,67,.3);background:linear-gradient(90deg,#020810 0%,#04111e 55%,#031421 100%);position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 0%,rgba(0,153,255,.16),transparent 35%);pointer-events:none}.brand-wrap{display:flex;align-items:center;gap:20px;z-index:1}.orbit-logo{width:110px;height:110px;position:relative;display:grid;place-items:center}.orbit-logo img{width:88px;height:88px;border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 0 14px #0af)}.orbit{position:absolute;border:2px solid rgba(19,201,255,.8);border-radius:50%;box-shadow:0 0 12px #05bfff,0 0 28px rgba(0,128,255,.7);animation:spin 4s linear infinite}.orbit:after{content:"";position:absolute;width:10px;height:10px;background:white;border-radius:50%;box-shadow:0 0 8px white,0 0 22px #00bfff;top:-6px;left:50%}.orbit-a{width:108px;height:68px;transform:rotate(18deg)}.orbit-b{width:100px;height:76px;transform:rotate(-22deg);animation-direction:reverse;animation-duration:5.5s}@keyframes spin{to{transform:rotate(378deg)}}.brand-text strong{font-size:28px;line-height:.92;letter-spacing:1.8px;color:#ffd66b;text-shadow:0 2px 0 #7d4f00,0 0 16px rgba(255,183,35,.25)}.brand-text strong span{font-size:38px}.brand-text small{display:block;margin-top:10px;color:#d2d7de}.tagline{font-family:Georgia,serif;font-size:24px;font-style:italic;text-align:center;color:#fff;opacity:.9}.tagline em{font-size:28px}.world{text-align:center;z-index:1;color:#fff}.world .flags{font-size:25px;margin:8px 0}.world small{color:#c9ced6}.account{z-index:2;background:transparent;color:#fff;border:0;display:flex;align-items:center;gap:10px;cursor:pointer}.avatar{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#ffd66b}.mail-grid{height:calc(100vh - 165px);display:grid;grid-template-columns:260px 36% 1fr;min-height:560px}.sidebar{border-right:1px solid var(--line);padding:14px 10px;background:linear-gradient(#03101b,#020b13);overflow:auto}.compose-btn{width:100%;border:0;border-radius:14px;padding:16px;background:linear-gradient(135deg,#ffd05a,#e8a929);font-size:21px;font-weight:800;cursor:pointer;margin-bottom:12px;box-shadow:0 8px 24px rgba(245,191,67,.12)}nav{display:grid;gap:4px}.folder,.side-link{width:100%;border:0;color:#ecf4fa;background:transparent;border-radius:10px;padding:12px 13px;text-align:left;display:flex;gap:14px;align-items:center;font-size:17px;cursor:pointer}.folder b{margin-left:auto;background:#ffd05a;color:#111;padding:3px 8px;border-radius:999px;font-size:13px}.folder.active{background:linear-gradient(90deg,rgba(245,191,67,.22),rgba(255,255,255,.04));color:#ffcf5b;border-left:3px solid var(--gold)}.side-divider{height:1px;background:var(--line);margin:12px 0}.storage-card,.promo-card{border:1px solid var(--line);background:#071522;border-radius:12px;padding:12px;margin-top:14px}.storage-card div:first-child{display:flex;justify-content:space-between;gap:8px;flex-direction:column}.storage-card b,.storage-card small,.promo-card small{color:#a9bbca;font-size:12px}.bar{height:8px!important;background:#163044;border-radius:8px;margin:8px 0;overflow:hidden}.bar i{display:block;width:6%;height:100%;background:linear-gradient(90deg,#299cff,#65d7ff)}.promo-card{display:flex;align-items:center;gap:10px}.promo-card img{width:44px;height:44px;border-radius:50%}.promo-card small{display:block;margin-top:4px}.mail-list-panel{border-right:1px solid var(--line);background:#04111d;overflow:hidden;display:flex;flex-direction:column}.search-row{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.search{background:#112535;border-radius:12px;display:flex;align-items:center;padding:0 12px;flex:1}.search input{width:100%;background:transparent;border:0;outline:0;color:#fff;padding:12px;font-size:16px}.search-row button{border:0;background:#0c1c29;color:#dbe7ef;border-radius:10px;width:42px;cursor:pointer}.tabs{display:flex;gap:28px;padding:0 16px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:#b9c5ce;padding:14px 6px;position:relative;font-size:16px}.tab.active{color:#ffcf5b;font-weight:700}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--gold);border-radius:3px}.message-list{overflow:auto}.message{display:grid;grid-template-columns:52px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid #0e2638;cursor:pointer}.message:hover,.message.selected{background:linear-gradient(90deg,rgba(245,191,67,.12),rgba(10,98,158,.17))}.message .circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#ff4f9a,#7e4fff)}.message h4{margin:0 0 4px;font-size:16px}.message strong{display:block;margin-bottom:4px}.message p{margin:0;color:#aab9c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message time{color:#b8c8d4;font-size:13px}.message .star{display:block;margin-top:11px;text-align:right;color:#6d8091}.message .star.on{color:#ffd04a}.reader{background:#03101b;overflow:auto}.reader-empty{height:100%;display:grid;place-content:center;text-align:center;color:#9db0be;padding:30px}.reader-empty img{width:110px;margin:auto;filter:drop-shadow(0 0 14px #00aaff)}.reader-empty h2{color:#fff}.hidden{display:none!important}.reader-content{padding:20px}.reader-head{display:flex;justify-content:space-between;gap:20px}.reader-head h2{font-size:26px;margin:0 0 18px}.sender{display:flex;gap:12px;align-items:center}.sender img{width:42px;height:42px;border-radius:50%}.sender small{display:block;color:#a5b7c4;margin-top:3px}.reader-actions{font-size:24px;color:#dce6ee}.mail-body{margin-top:22px;background:#fff;color:#17212b;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.2)}.welcome-banner{background:linear-gradient(90deg,#061321,#07213a);padding:26px;display:flex;align-items:center;gap:18px;color:#fff}.welcome-banner img{width:85px;border-radius:50%;filter:drop-shadow(0 0 12px #0af)}.welcome-banner h3{font-size:28px;margin:0;color:#ffd363}.mail-copy{padding:28px;font-size:17px;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px;text-align:center}.feature-grid div{background:#f3f5f7;border-radius:12px;padding:15px 8px}.reply-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.reply-actions button{background:#071522;border:1px solid #25445c;color:#e8f1f7;border-radius:999px;padding:11px 16px}.modal{border:1px solid #23445b;border-radius:16px;background:#071521;color:#fff;box-shadow:0 30px 80px #000;max-width:760px;width:92%}.modal::backdrop{background:rgba(0,0,0,.68)}.modal-title{display:flex;justify-content:space-between;align-items:center;font-size:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.modal-title button{border:0;background:transparent;color:#fff;font-size:28px}.compose-modal form,.settings-modal form{display:grid;gap:10px}.modal label{display:grid;gap:6px;color:#b8c7d2}.modal input,.modal textarea{background:#102434;border:1px solid #24435a;border-radius:10px;color:#fff;padding:12px;outline:0}.compose-modal textarea{height:250px;resize:vertical}.editor-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editor-tools button,.file-label,.secondary{background:#0d2232;border:1px solid #284b64;color:#dceaf2;border-radius:9px;padding:9px 12px;cursor:pointer}.signature-preview{border-top:1px dashed #436178;margin-top:8px;padding:12px;background:#0b1c29;border-radius:10px}.signature-preview img{max-width:150px;max-height:64px;display:block;margin-top:8px}.compose-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.send-btn{border:0;background:linear-gradient(135deg,#ffc93f,#ef9d24);color:#111;font-weight:800;border-radius:10px;padding:11px 24px;cursor:pointer}.saved-logo img{max-height:70px;max-width:180px}.toast{position:fixed;right:20px;bottom:20px;background:#0d2232;border:1px solid #2f5b77;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.topbar{grid-template-columns:1fr auto;height:120px;padding:10px 18px}.tagline,.world{display:none}.mail-grid{height:calc(100vh - 120px);grid-template-columns:84px 42% 1fr}.sidebar{padding:10px 6px}.sidebar span,.storage-card,.promo-card{display:none}.compose-btn{padding:14px 8px}.folder,.side-link{justify-content:center;font-size:20px}.folder b{position:absolute;margin-left:35px;margin-top:-24px}.brand-text small{display:none}.orbit-logo{width:82px;height:82px}.orbit-logo img{width:66px;height:66px}.orbit-a{width:82px;height:54px}.orbit-b{width:78px;height:58px}}@media(max-width:760px){.topbar{height:92px}.brand-text strong{font-size:20px}.brand-text strong span{font-size:28px}.account span:not(.avatar){display:none}.mail-grid{height:calc(100vh - 92px);grid-template-columns:64px 1fr}.reader{position:fixed;inset:92px 0 0 64px;z-index:5;transform:translateX(110%);transition:.25s}.reader.open{transform:none}.mail-list-panel{border-right:0}.message{grid-template-columns:44px 1fr auto;padding:12px}.message .circle{width:40px;height:40px}.feature-grid{grid-template-columns:1fr 1fr}.reader-content{padding:14px}.reader-head h2{font-size:22px}}

/* v3 — viewport, scroll, reader actions and mobile fixes */
html,body{height:100%;overflow:hidden}.shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}.mail-grid{height:calc(100vh - 165px);height:calc(100dvh - 165px);min-height:0;overflow:hidden;grid-template-columns:260px minmax(300px,36%) minmax(0,1fr)}.sidebar,.mail-list-panel,.reader{min-width:0;min-height:0}.mail-list-panel{overflow:hidden}.message-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.message{grid-template-columns:52px minmax(0,1fr) auto;min-width:0}.message>div{min-width:0}.search{min-width:0}.search input{min-width:0}.reader{overflow:hidden}.reader-content{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 0}.reader-head{flex:0 0 auto}.mail-body{flex:1 1 auto;min-height:0;overflow:auto;margin-bottom:0}.reply-actions{flex:0 0 auto;margin:0 -20px;padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(3,16,27,.9),#03101b);border-top:1px solid var(--line);position:relative;z-index:3}.reply-actions button{white-space:nowrap;cursor:pointer}.reader-actions{display:flex;gap:6px;align-items:flex-start}.reader-actions button{border:0;background:transparent;color:#dce6ee;font-size:21px;border-radius:8px;padding:6px;cursor:pointer}.reader-actions button:hover{background:#102434}.reader-actions .danger-action{color:#ff8090}.mobile-back{display:none}.info-modal{max-width:720px}.info-copy{display:flex;gap:20px;align-items:flex-start;line-height:1.6}.info-copy img{width:96px;border-radius:50%;filter:drop-shadow(0 0 12px #0af)}.info-copy h2,.professional-card h2{color:#ffd363}.professional-card{padding:8px 2px 14px;line-height:1.6}.pro-badge{display:inline-block;padding:5px 9px;border:1px solid var(--gold);border-radius:999px;color:#ffd363;font-size:12px;font-weight:800}.pro-example{margin:18px 0;padding:16px;border:1px solid #284b64;border-radius:12px;background:#0d2232;color:#fff;font-size:20px}.professional-card small{color:#9fb0bd}.side-link{position:relative}
@media(max-width:1050px){.mail-grid{height:calc(100vh - 120px);height:calc(100dvh - 120px);grid-template-columns:84px minmax(280px,42%) minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:84px;padding:7px 10px}.orbit-logo{width:68px;height:68px}.orbit-logo img{width:54px;height:54px}.orbit-a{width:68px;height:44px}.orbit-b{width:64px;height:48px}.brand-wrap{gap:8px}.brand-text strong{font-size:17px}.brand-text strong span{font-size:23px}.mail-grid{height:calc(100vh - 84px);height:calc(100dvh - 84px);grid-template-columns:56px minmax(0,1fr)}.sidebar{padding:8px 4px}.compose-btn{font-size:18px;padding:12px 5px}.folder,.side-link{padding:11px 5px}.mail-list-panel{min-width:0}.search-row{padding:9px;gap:5px}.search-row button{width:34px;flex:0 0 34px}.search input{padding:10px 6px;font-size:14px}.tabs{gap:14px;padding:0 10px}.tab{font-size:14px}.message{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:11px 9px}.message h4,.message strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader{position:fixed;inset:84px 0 0 56px;z-index:5;transform:translateX(110%);transition:.25s;min-width:0}.reader.open{transform:none}.reader-content{padding:10px 10px 0}.mobile-back{display:inline-flex;align-self:flex-start;border:1px solid #25445c;background:#071522;color:#e8f1f7;border-radius:9px;padding:8px 11px;margin-bottom:10px}.reader-head{gap:8px}.reader-head h2{font-size:19px;margin-bottom:10px}.reader-actions{gap:1px}.reader-actions button{font-size:18px;padding:5px}.mail-body{margin-top:12px}.mail-copy{padding:18px;font-size:15px}.welcome-banner{padding:18px}.welcome-banner img{width:62px}.welcome-banner h3{font-size:22px}.feature-grid{grid-template-columns:1fr 1fr}.reply-actions{margin:0 -10px;padding:12px 10px calc(14px + env(safe-area-inset-bottom));gap:7px;overflow-x:auto;flex-wrap:nowrap}.reply-actions button{font-size:13px;padding:9px 12px}.info-copy{flex-direction:column}.info-copy img{width:74px}.pro-example{font-size:16px}}

/* v4 — autenticação, login neon e ajustes finais */
.login-screen{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 0,#0b2340 0,#020b14 42%,#01050a 100%);overflow:auto;padding:26px 18px;display:grid;place-items:center}.login-screen.hidden{display:none!important}.login-card{width:min(820px,100%);text-align:center;padding:10px 0 30px}.login-logo-frame{position:relative;border-radius:30px;padding:5px;margin:0 auto 22px;isolation:isolate;overflow:hidden;box-shadow:0 0 28px rgba(0,206,255,.25)}.login-logo-frame:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,#00eaff,#235bff,#ff00e6,#ffbd2e,#00eaff);animation:loginOrbit 5s linear infinite;z-index:-2}.login-logo-frame:after{content:"";position:absolute;inset:4px;border-radius:26px;background:#02060b;z-index:-1}.login-logo{display:block;width:100%;border-radius:24px;background:#02060b}.login-card h1{font-size:clamp(30px,5vw,54px);margin:10px 0 4px}.login-card h1 span{background:linear-gradient(90deg,#22d6ff,#fff,#ff5ae7);-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{font-size:clamp(17px,2vw,22px);color:#c4d0db;margin:0 0 24px}.auth-form{max-width:650px;margin:auto;display:grid;gap:14px;text-align:left}.auth-form>label,.auth-modal label{display:grid;gap:6px;color:#b9c8d4}.auth-form input,.auth-modal input{width:100%;background:#071421;border:1px solid #29435d;border-radius:14px;color:#fff;padding:15px 16px;outline:none}.auth-form input:focus,.auth-modal input:focus{border-color:#24d4ff;box-shadow:0 0 0 3px rgba(36,212,255,.12)}.password-field{display:flex;position:relative}.password-field input{padding-right:54px}.password-field button{position:absolute;right:7px;top:7px;bottom:7px;width:42px;border:0;border-radius:10px;background:transparent;color:#9fb5c7;cursor:pointer}.login-options{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.remember input{width:auto}.text-btn{border:0;background:none;color:#47bfff;cursor:pointer}.login-primary,.login-secondary{border-radius:15px;padding:15px 20px;font-size:18px;font-weight:800;cursor:pointer}.login-primary{border:0;color:#fff;background:linear-gradient(90deg,#0bd9ff,#4a45ff,#ff12d8);box-shadow:0 0 24px rgba(114,35,255,.32)}.login-secondary{border:1px solid #13d9ff;color:#fff;background:linear-gradient(#06111e,#030a12) padding-box,linear-gradient(90deg,#13d9ff,#ff15d4) border-box}.auth-separator{display:flex;align-items:center;gap:14px;color:#8295a6}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#355069;flex:1}.auth-message{min-height:20px;text-align:center;color:#ff9ba9;font-size:14px}.auth-message.ok{color:#7ee6b0}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px;margin:30px auto 0;color:#e6eef4}.login-benefits span{display:grid;gap:3px}.login-benefits small{color:#8fa4b7}.login-tagline{color:#9eb2c1;margin-top:25px}.auth-modal{max-width:520px}.account-menu{position:fixed;right:24px;top:122px;z-index:50;min-width:220px;padding:12px;background:#071522;border:1px solid #25445c;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.4)}.account-menu div{color:#b8c8d4;font-size:13px;word-break:break-all;padding:5px 7px 11px}.account-menu button{width:100%;border:1px solid #31546c;background:#0b1e2d;color:#fff;border-radius:9px;padding:10px;cursor:pointer}@keyframes loginOrbit{to{transform:rotate(1turn)}}
@media(max-width:760px){.login-screen{padding:14px 10px}.login-logo-frame{border-radius:20px;margin-bottom:16px}.login-logo-frame:after{border-radius:17px}.login-logo{border-radius:16px}.login-benefits{grid-template-columns:1fr;gap:8px}.login-options{align-items:flex-start;flex-direction:column}.login-card h1{font-size:30px}.auth-form{gap:11px}.account-menu{top:75px;right:10px}}
@media(max-width:420px){.login-screen{place-items:start center}.login-card{padding-top:5px}.login-primary,.login-secondary{font-size:16px;padding:13px}.login-benefits{margin-top:20px}.modal{width:96%;padding:14px}}
/* v5 — banco real, admin e estados de carregamento */
.loading-mail,.empty-folder,.mail-error{padding:32px 18px;text-align:center;color:#9eb3c4}.mail-error{color:#ff8a9b}.message.unread h4,.message.unread strong{font-weight:800;color:#fff}.message.unread{box-shadow:inset 3px 0 0 var(--cyan)}.admin-modal{max-width:760px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 24px}.admin-cards>div{border:1px solid #19425c;background:#071c2b;border-radius:14px;padding:18px;text-align:center}.admin-cards b{display:block;color:#13c9ff;font-size:30px}.admin-cards span{display:block;color:#c8d5df;font-size:13px;margin-top:4px}.country-list{display:grid;gap:8px}.country-list>div{display:flex;justify-content:space-between;padding:12px 14px;background:#0b1d2b;border-radius:10px;border:1px solid #17364b}.country-list b{color:#13c9ff}.admin-note{color:#91a7b7;font-size:12px;margin-top:14px;line-height:1.5}.login-logo-frame{position:relative;overflow:hidden;border-radius:28px;padding:3px;background:linear-gradient(90deg,#10e6ff,#ff27ed,#ffd44c,#10e6ff);background-size:300% 100%;animation:neonTravel 5s linear infinite;box-shadow:0 0 22px rgba(19,201,255,.34),0 0 30px rgba(255,39,237,.2)}.login-logo-frame:before{content:"";position:absolute;inset:3px;border-radius:25px;background:#02070d;z-index:0}.login-logo{position:relative;z-index:1;display:block;width:100%;border-radius:24px}@keyframes neonTravel{to{background-position:300% 0}}@media(max-width:760px){.admin-cards{grid-template-columns:1fr 1fr}.login-logo-frame{border-radius:18px}.login-logo{border-radius:15px}}

/* Refinamento visual oficial — neon com hierarquia */
.login-logo-frame{width:100%;max-width:650px;margin-left:auto;margin-right:auto}
.side-link,.send-btn,.secondary,.toolbar button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.side-link:hover,.send-btn:hover,.toolbar button:hover{box-shadow:0 0 18px rgba(19,201,255,.28),0 0 26px rgba(255,39,237,.12);transform:translateY(-1px)}
#proMailBtn:hover{box-shadow:0 0 18px rgba(255,212,76,.25),0 0 24px rgba(19,201,255,.18)}
@media(max-width:760px){.login-logo-frame{max-width:620px}}
.mail-handle{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#071523}.mail-handle input{border:0!important;border-radius:0!important;flex:1;min-width:0}.mail-handle b{padding:0 14px;color:#55dff4;white-space:nowrap}
.mail-address-preview{margin:4px 0 14px;color:var(--muted);line-height:1.5}.mail-address-preview strong{color:var(--cyan);word-break:break-all}

/* v7 — acabamento visual, links legais e animação do leão */
.legal-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.legal-links a,.legal-side{color:#a9c8dc;text-decoration:none}.legal-links a:hover,.legal-side:hover{color:#fff;text-decoration:underline}
.login-legal{margin-top:14px}.legal-side{display:flex}
.orbit-logo::before{content:"";position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 18%,rgba(19,201,255,.75) 24%,transparent 31% 55%,rgba(245,191,67,.72) 62%,transparent 69%);filter:blur(4px);animation:neonSweep 3.6s linear infinite;z-index:0}
.orbit-logo img{animation:lionAlive 7s ease-in-out infinite;transform-origin:52% 62%}
.orbit-logo::after{content:"";position:absolute;width:22px;height:7px;left:47px;top:58px;border-radius:50%;background:rgba(2,11,20,.75);box-shadow:0 0 7px rgba(245,191,67,.42);z-index:3;transform-origin:center top;animation:lionMouth 7s ease-in-out infinite;pointer-events:none}
@keyframes neonSweep{to{transform:rotate(360deg)}}
@keyframes lionAlive{0%,42%,48%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(1px) scale(1.012)}}
@keyframes lionMouth{0%,41%,47%,100%{transform:scaleY(.12);opacity:0}43%{transform:scaleY(.8);opacity:.55}44.5%{transform:scaleY(1.2);opacity:.72}46%{transform:scaleY(.45);opacity:.4}}
@media (prefers-reduced-motion:reduce){.orbit,.orbit-logo::before,.orbit-logo img,.orbit-logo::after{animation:none!important}}

/* v8 — identidade animada e navegação legal. Não altera metadados/SEO. */
.top-legal{display:flex;gap:8px;align-items:center}.top-legal a,.legal-cta{color:#dff8ff;text-decoration:none;border:1px solid rgba(19,201,255,.38);background:rgba(3,21,34,.72);border-radius:999px;padding:9px 12px;font-size:13px;transition:.2s}.top-legal a:hover,.legal-cta:hover{border-color:#13c9ff;box-shadow:0 0 16px rgba(19,201,255,.3);color:#fff}
.animated-mail-logo{position:relative;isolation:isolate;overflow:visible}.animated-mail-logo .login-logo{position:relative;z-index:2;filter:drop-shadow(0 0 10px rgba(19,201,255,.32));animation:mailLogoBreathe 6s ease-in-out infinite}.mail-neon-orbit{position:absolute;left:50%;top:50%;z-index:3;pointer-events:none;border:3px solid transparent;border-top-color:#19d8ff;border-right-color:#0b7cff;border-radius:50%;filter:drop-shadow(0 0 7px #13c9ff);transform-origin:center}.orbit-one{width:44%;height:74%;animation:mailOrbit 3.2s linear infinite}.orbit-two{width:52%;height:58%;border-top-color:#f5bf43;border-right-color:#ff36c9;animation:mailOrbitReverse 4.6s linear infinite}.globe-pulse{position:absolute;z-index:1;left:18%;top:26%;width:25%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(35,218,255,.55),rgba(4,50,103,.25) 42%,rgba(0,0,0,0) 70%);box-shadow:0 0 22px rgba(19,201,255,.55);animation:globeGlow 2.8s ease-in-out infinite}
@keyframes mailOrbit{from{transform:translate(-50%,-50%) rotate(0deg) rotateX(64deg)}to{transform:translate(-50%,-50%) rotate(360deg) rotateX(64deg)}}
@keyframes mailOrbitReverse{from{transform:translate(-50%,-50%) rotate(360deg) rotateY(62deg)}to{transform:translate(-50%,-50%) rotate(0deg) rotateY(62deg)}}
@keyframes mailLogoBreathe{0%,38%,52%,100%{transform:scale(1)}44%{transform:scale(1.012)}47%{transform:scale(1.004)}}@keyframes globeGlow{0%,100%{transform:rotate(0) scale(.98);opacity:.65}50%{transform:rotate(180deg) scale(1.05);opacity:1}}
.attachment-list{display:grid;gap:6px}.attachment-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #24435a;background:#0b1c29;border-radius:9px;color:#dceaf2}.attachment-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{border:0;background:transparent;color:#ff8090;cursor:pointer;font-size:18px}.brand-edit{background:#0d2232;border:1px solid #284b64;color:#dceaf2;border-radius:9px;padding:9px 12px;cursor:pointer}.brand-active{border-color:#f5bf43!important;box-shadow:0 0 12px rgba(245,191,67,.22)}
@media(max-width:1250px){.top-legal{display:none}}@media(prefers-reduced-motion:reduce){.animated-mail-logo .login-logo,.mail-neon-orbit,.globe-pulse{animation:none!important}}

/* v9 — correção exclusiva do cabeçalho da conta/login */
.topbar>.account{grid-column:5;grid-row:1;justify-self:end;white-space:nowrap}.topbar>.top-legal{grid-column:4;grid-row:1;display:flex;gap:8px;align-items:center;white-space:nowrap}.top-legal a{color:#dff8ff;text-decoration:none;padding:9px 12px;border:1px solid rgba(19,201,255,.35);border-radius:999px}@media(max-width:1050px){.topbar{grid-template-columns:1fr auto auto!important}.topbar>.brand-wrap{grid-column:1}.topbar>.top-legal{grid-column:2}.topbar>.account{grid-column:3}.top-legal a{padding:7px 9px;font-size:13px}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto!important}.topbar>.top-legal{display:none}.topbar>.account{grid-column:2}}

/* v11 — utilitários (Contatos, Calendário, Notas e Perfil) */
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.utility-modal{max-width:780px}.utility-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.utility-form label{display:grid;gap:6px}.utility-form textarea{min-height:100px}.utility-form .compose-footer{grid-column:1/-1}.utility-list{display:grid;gap:8px;margin-top:18px;max-height:360px;overflow:auto}.utility-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0a1b2a}.utility-item small{display:block;color:var(--muted);margin-top:4px}.utility-actions{display:flex;gap:6px}.utility-actions button{border:1px solid #284b64;background:#0d2232;color:#dceaf2;border-radius:8px;padding:7px 9px;cursor:pointer}.utility-actions .danger{color:#ff8090}.account-menu button{width:100%;text-align:left}@media(max-width:620px){.utility-form{grid-template-columns:1fr}.utility-form .compose-footer{grid-column:1}}


/* v12 — identidade oficial restaurada: órbitas exclusivamente ao redor do leão. */
.mail-hero{display:grid;place-items:center;padding:0 0 24px}
.mail-logo-stage{position:relative;width:min(690px,92vw);isolation:isolate}
.mail-logo-frame{position:relative;border-radius:30px;padding:3px;overflow:hidden;filter:drop-shadow(0 0 24px #008cff55)}
.mail-logo-frame:before{content:"";position:absolute;inset:-55%;z-index:-2;background:conic-gradient(from 0deg,transparent 0 12%,#20d8ff 18%,transparent 27% 43%,#ffc843 49%,transparent 58% 72%,#ff24bd 78%,transparent 88%);animation:mailFrameSpin 5.5s linear infinite}
.mail-logo-frame:after{content:"";position:absolute;inset:3px;border-radius:27px;background:#020812;z-index:-1}
.mail-logo{display:block;width:100%;border-radius:27px;position:relative;z-index:1;box-shadow:inset 0 0 0 1px #ffffff10}
.mail-lion-orbit{position:absolute;left:2.5%;top:4%;width:39%;height:88%;border:3px solid transparent;border-top-color:#20d8ff;border-right-color:#0a8cff;border-bottom-color:#ff24bd;border-radius:50%;z-index:3;filter:drop-shadow(0 0 8px #20d8ff);animation:mailLionOrbit 3.7s linear infinite;pointer-events:none}
.mail-lion-orbit.two{inset:auto;left:5.5%;top:9%;width:33%;height:78%;border-width:2px;border-top-color:#ffc843;border-right-color:transparent;border-bottom-color:#20d8ff;animation-duration:5.2s;animation-direction:reverse}
.mail-globe{position:absolute;left:10%;top:18%;width:22%;aspect-ratio:1;border-radius:50%;z-index:0;background:radial-gradient(circle at 35% 32%,#3fe8ff99,#076aff55 38%,#00182d00 70%);box-shadow:0 0 24px #00c8ff,0 0 55px #0077ff88;animation:mailGlobePulse 2.6s ease-in-out infinite}
.mail-spark{position:absolute;left:30%;top:9%;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 8px 3px #20d8ff,0 0 24px 9px #008cff;z-index:4;animation:mailSpark 4s linear infinite}
@keyframes mailFrameSpin{to{transform:rotate(360deg)}}
@keyframes mailLionOrbit{to{transform:rotate(360deg)}}
@keyframes mailGlobePulse{50%{transform:scale(1.08);filter:brightness(1.35)}}
@keyframes mailSpark{0%{transform:translate(0,0)}25%{transform:translate(130px,28px)}50%{transform:translate(145px,150px)}75%{transform:translate(15px,170px)}100%{transform:translate(0,0)}}
@media(max-width:700px){.mail-hero{padding:0 0 20px}.mail-logo-frame{border-radius:20px}.mail-logo{border-radius:18px}.mail-lion-orbit{border-width:2px}}
@media(prefers-reduced-motion:reduce){.mail-logo-frame:before,.mail-lion-orbit,.mail-globe,.mail-spark{animation:none!important}}