*{box-sizing:border-box}html{background:#071522;color:#e7f8f4;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#153840 0,transparent 50%)}.wrap{max-width:1140px;margin:auto;padding:23px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #24434d}.brand{font-weight:800;font-size:25px}.symbol{color:#78e4be}.label{display:inline-block;font-size:10px;padding:5px 7px;border-radius:6px;background:#214f44;color:#a0f9db;vertical-align:middle}.topnote,.muted,.tiny{color:#91abb6}.topnote{font-size:13px}.muted{line-height:1.55}.tiny{font-size:12px;line-height:1.5}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#73dcb8}.login{max-width:505px;margin:48px auto 60px;padding:30px;background:#0b2230;border:1px solid #2f515c;border-radius:20px;box-shadow:0 16px 60px #0005}.login h1{font-size:30px;letter-spacing:-.03em;margin:6px 0 10px}label{display:block;color:#c4e0e5;margin:16px 0 6px;font-size:13px}input{background:#091b29;border:1px solid #41616d;border-radius:10px;color:#edf8f7;padding:13px 14px;font-size:16px;min-width:0;width:100%}input:focus-visible,button:focus-visible{outline:2px solid #86e9c4;outline-offset:2px}button{border:none;border-radius:10px;padding:13px 16px;background:#6be0b7;color:#052520;font-weight:750;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.login button{margin-top:19px;width:100%}.status{color:#83e4bf;font-size:13px;min-height:28px;padding-top:12px}.hidden{display:none!important}.workspace{margin:25px 0;min-height:650px;display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #315463;border-radius:17px;overflow:hidden;background:#0b2030}aside{background:#102a37;border-right:1px solid #315463;display:flex;flex-direction:column}.sidehead{display:flex;justify-content:space-between;align-items:center;padding:17px 12px;gap:8px}.sm{font-size:12px;padding:10px}.sidefoot{margin-top:auto;padding:15px;display:flex;justify-content:space-between;gap:9px;align-items:center;border-top:1px solid #315463}.sidefoot span{font-size:11px;color:#a3c0c5;overflow:hidden;text-overflow:ellipsis}.outline{background:transparent;color:#d4f5ed;border:1px solid #55757e}nav{display:flex;flex-direction:column;gap:7px;padding:10px;overflow:auto;max-height:480px}nav button{width:100%;text-align:left;color:#cfebe8;background:transparent;border:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}nav button.active{background:#19544a;border-color:#66bda1}.mainchat{display:flex;flex-direction:column;min-width:0}.chathead{padding:16px 20px;border-bottom:1px solid #315463}.chathead h2{font-size:17px;margin:0 0 5px}.chat{flex:1;overflow:auto;max-height:505px;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:300px}.msg{max-width:85%;align-self:flex-end;background:#155149;padding:13px 16px;border-radius:15px;white-space:pre-wrap;word-break:break-word}.empty{margin:auto;text-align:center;color:#9dbbc5}.send{display:flex;gap:9px;padding:14px 16px;border-top:1px solid #315463}.send input{flex:1}.mainchat .status{padding-left:17px;padding-bottom:10px}footer{text-align:center;color:#87a9b0;font-size:12px;padding:12px}@media(max-width:750px){.wrap{padding:13px}header{flex-wrap:wrap}.brand{font-size:21px}.login{margin:25px auto;padding:20px}.workspace{display:flex;flex-direction:column;min-height:73vh;margin:15px 0}aside{border-right:0;border-bottom:1px solid #315463}.sidehead{padding:10px 12px}nav{display:flex;flex-direction:row;overflow:auto;padding:7px 12px;max-height:90px}nav button{min-width:125px}.sidefoot{padding:7px 12px;border-top:none}.chathead{padding:12px}.chat{max-height:45vh;min-height:260px;padding:12px}.send{padding:10px;gap:5px}.send button{padding:12px}}
/* Acesso novo e recuperacao */
.modeTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 2px;background:#071b29;border-radius:12px;padding:5px;border:1px solid #345664}
.modeTabs .tab{background:transparent;color:#acccd3;font-size:14px;padding:11px;border-radius:9px;margin:0!important}
.modeTabs .tab.selected{background:#1d6b5b;color:#fff}
.passwordRow{position:relative;display:flex;align-items:stretch}
.passwordRow input{padding-right:88px}
.passwordRow .passToggle{position:absolute;right:6px;top:6px;bottom:6px;width:auto;background:#173849;color:#c3e5e5;padding:3px 12px;font-size:12px;border:1px solid #3c5863;border-radius:6px;margin:0!important}
.login button.linkButton{background:transparent;color:#a9f3d8;font-size:13px;text-decoration:underline;margin:10px auto 0;padding:7px 4px;width:auto;display:block}
#authmsg{white-space:pre-wrap;line-height:1.45;font-weight:500}
#login .primary,#signup .primary,#recover .primary,#newPasswordForm .primary{width:100%;margin-top:20px}
#login .primary:disabled,#signup .primary:disabled{opacity:.6}