.auth-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#00a884 0 31%,#eef1f2 31%)}
.auth-card{width:min(440px,100%);padding:34px;border-radius:14px;background:#fff;box-shadow:0 12px 40px rgba(11,20,26,.18)}
.brand-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;color:#fff;background:#00a884;font-size:28px;font-weight:700}
.auth-card h1,.auth-card>p{text-align:center}.auth-card h1{margin:0;font-size:28px}.auth-card>p{margin:7px 0 24px;color:#667781}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border-bottom:1px solid #e5e7e9}.auth-tabs button{padding:11px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.auth-tabs button.active{border-bottom-color:#00a884;color:#008069;font-weight:600}
.auth-form{display:grid;gap:14px}.auth-form label,.dialog-card label{display:grid;gap:6px;color:#41525d;font-size:13px;font-weight:600}.auth-form input,.dialog-card input{height:44px;padding:0 12px;border:1px solid #d6dadd;border-radius:8px;outline:0}.auth-form input:focus,.dialog-card input:focus{border-color:#00a884;box-shadow:0 0 0 3px rgba(0,168,132,.12)}
.primary-button{height:44px;border:0;border-radius:8px;color:#fff;background:#008069;cursor:pointer;font-weight:600}.primary-button:disabled{opacity:.6;cursor:wait}.form-error{min-height:20px;margin:12px 0 0!important;color:#d93025!important;font-size:13px}
button:disabled{cursor:not-allowed;opacity:.45}.empty-conversation{align-self:center;margin:auto;text-align:center;color:#667781}.empty-conversation .brand-mark{width:72px;height:72px;font-size:34px}.empty-conversation h2{margin:10px 0 5px;color:#41525d}.empty-conversation p{margin:0}.loading-row,.empty-list{padding:36px 20px;text-align:center;color:#667781;font-size:13px}
.new-chat-dialog{width:min(430px,calc(100% - 28px));padding:0;border:0;border-radius:12px;box-shadow:0 18px 60px rgba(11,20,26,.26)}.new-chat-dialog::backdrop{background:rgba(11,20,26,.5)}.dialog-card{padding:20px}.dialog-card header{display:flex;align-items:center;justify-content:space-between}.dialog-card h2{margin:0 0 18px}.dialog-card header button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;cursor:pointer}.dialog-card header .icon{width:20px}.user-results{max-height:320px;margin-top:12px;overflow-y:auto}.user-results>p{text-align:center;color:#667781}.user-result{display:grid;grid-template-columns:46px 1fr;align-items:center;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.user-result:hover{background:#f0f2f5}.user-result .avatar{width:38px;height:38px}.user-result span:last-child{display:grid}.user-result small{color:#667781}
.connection-banner{position:fixed;z-index:150;top:12px;left:50%;translate:-50% 0;padding:8px 14px;border-radius:18px;color:#5e4b00;background:#ffeecd;box-shadow:0 2px 8px rgba(0,0,0,.16);font-size:12px}.recording{color:#e31b23!important;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.45}}
.message.pending{opacity:.65}.message.failed{outline:1px solid #e31b23}.chat-avatar>span{display:grid!important}.chat-avatar[style*="background-image: url('')"]>span{display:grid!important}
.auth-screen[hidden],.app-shell[hidden]{display:none!important}
body.dark .auth-screen{background:linear-gradient(180deg,#005c4b 0 31%,#0b141a 31%)}body.dark .auth-card,body.dark .dialog-card{background:#202c33;color:#e9edef}body.dark .auth-form input,body.dark .dialog-card input{color:#e9edef;background:#111b21;border-color:#3b4a54}body.dark .new-chat-dialog{background:#202c33}body.dark .user-result:hover{background:#2a3942}
@media(max-width:720px){.auth-screen{align-items:end;padding:0;background:#fff}.auth-card{width:100%;max-height:100dvh;padding:32px 24px calc(28px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:none;overflow-y:auto}.sidebar{grid-template-rows:54px 44px 95px 43.5px minmax(0,1fr) 83px}.new-chat-dialog{margin:auto auto 0;width:100%;max-width:none;border-radius:18px 18px 0 0}.user-results{max-height:52dvh}.composer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.conversation{grid-template-rows:98px minmax(0,1fr) calc(77px + env(safe-area-inset-bottom))}}