/* Graphite palette shared by chat, sign-in and account management. */
:root{color-scheme:dark;background:#101318;color:#e8edf7}
body{background:#101318;color:#e8edf7}p{color:#a2aec1}input,textarea{background:#12171f;color:#edf2fc;border-color:#303949}input::placeholder,textarea::placeholder{color:#8491a6}a{color:#a4baff}
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline-color:#93adff}
.primary{background:#89a4ff;color:#101a35}.primary:hover{background:#a0b6ff}.secondary{background:#202733;border-color:#354052;color:#dce5f5}.secondary:hover{background:#2a3444}.brand{color:#f1f4fa}.mark{background:#89a4ff;color:#111b36;box-shadow:none}
.messenger{--ink:#e8edf7;--muted:#9aa8bd;--line:#29313f;--accent:#92acff;--canvas:#10141b;background:#101318;color:var(--ink)}
.messenger .sidebar{background:#151a22;border-color:#29313f}.messenger .brand{color:#f1f4fa}.messenger .mark{background:#8aa5ff;color:#111b36;box-shadow:none;border-radius:12px}
.messenger svg{stroke-width:1.65}.messenger .icon-button{color:#b0bdd1;border-radius:12px}.messenger .icon-button:hover{background:#252e3d;color:#e8efff}
.messenger .compose-button{background:#232c3e;color:#bdcdff;border:1px solid #303d55;border-radius:12px}.messenger .compose-button:hover{background:#2d3950}
.messenger .search-wrap input{background:#202630;border-color:#29323f;color:#e8edf7;border-radius:12px}.messenger .search-wrap input:focus{background:#1b2330;border-color:#819be5}.messenger .search-wrap svg{color:#8e9db4}
.messenger .contact{border-radius:14px}.messenger .contact:hover{background:#202733}.messenger .contact.active{background:#25314a;color:#edf2ff}.messenger .contact-avatar{background:#283140;color:#b5c3da;border-radius:16px}.messenger .contact.active .contact-avatar{background:#354b75;color:#dbe6ff}
.messenger .contact-top time,.messenger .contact-preview{color:#9ba8be}.messenger .contact.has-unread .contact-preview{color:#d4deef}.messenger .unread-count{background:#91acff;color:#101c3b}.messenger .list-empty{color:#a1aec3}
.messenger .sidebar-bottom{background:#151a22;border-color:#29313f}.messenger .profile-avatar{background:#2c3951;color:#d5e1ff}.messenger .profile-copy span{color:#a1aec3}.messenger #queueinfo[data-state="connected"]::before{background:#74c7a4}
.messenger .chat,.messenger .messages{background:#10141b}.messenger .chat header{background:#171d26;border-color:#29313f}.messenger .avatar{background:#293651;color:#bdceff}
.messenger .menu-popover{background:#202733;border-color:#354052;box-shadow:0 16px 48px #0006;border-radius:16px}.messenger .menu-label{color:#a2aec3}.messenger .menu-popover button{display:flex;align-items:center;gap:10px;color:#dce5f5}.messenger .menu-popover button:hover{background:#2c3647}.messenger .menu-popover .danger-text{color:#ffaaa9}.messenger .menu-popover svg{width:19px;height:19px}
.messenger .empty-icon{background:#202c44;color:#a4baff;box-shadow:none;transform:none;border:1px solid #303e5b;border-radius:24px}.messenger .empty-icon svg{transform:none}.messenger .empty p{color:#a0aec5}
.messenger .bubble{background:#202733;border-color:#2b3443;color:#e9eef8;box-shadow:none;border-radius:17px 17px 17px 5px}.messenger .mine .bubble{background:#2e4f9d;border-color:#375aa9;color:#f3f6ff;border-radius:17px 17px 5px 17px}.messenger .meta{color:#9aa8c0}.messenger .day-label{background:#1c2430;color:#abb8cc;border-radius:9px}
.messenger .composer-area{background:#10141b}.messenger #form{background:#1d2531;border-color:#303c4e;box-shadow:none;border-radius:19px}.messenger #form:focus-within{border-color:#708bc9;box-shadow:0 0 0 1px #708bc922}.messenger #message{color:#e8eefb;background:transparent}.messenger #message::placeholder{color:#91a0b8}
.messenger .primary{background:#8aa5ff;color:#121e3b;border-radius:12px}.messenger .primary:hover{background:#a3b9ff;box-shadow:none}.messenger #send{border-radius:13px}.messenger #send:disabled{background:#2b3546;color:#7586a2}.messenger .secondary{background:#242d3b;border-color:#39465b;color:#d7e1f3}.messenger .secondary:hover{background:#303c50}
.messenger .latest-button{background:#27334a;border-color:#425371;color:#c2d3ff;box-shadow:0 6px 24px #0005}.messenger .load-older{background:#253047;color:#b7c9ef}.messenger .load-older:hover{background:#334461;color:#e2eaff}
.messenger #notice{background:#342b20;color:#efd09b;border-color:#55432b}.messenger .standalone{background:#1a212d;border-color:#344157}.messenger .standalone p{color:#aab8ce}
.messenger dialog{background:#1a212c;color:#e8edf7;border-color:#354156;box-shadow:0 24px 90px #0008;border-radius:22px}.messenger dialog::backdrop{background:#060a12b3}.messenger .dialog-top .icon-button{background:transparent;color:#9dabbe}.messenger .dialog-top .icon-button:hover{background:#2d3748;color:#fff}
.messenger dialog>p,.messenger dialog details,.messenger dialog details p{color:#a8b5ca}.messenger dialog summary{color:#c5d0e3}.messenger dialog details{border-color:#323d50}.messenger dialog input,.messenger dialog textarea{background:#121923;border-color:#354359;color:#eaf0fc}.messenger dialog input::placeholder,.messenger dialog textarea::placeholder{color:#8e9cb3}.messenger dialog pre{background:#111b2b;color:#b7caff;border:1px solid #334668}
.messenger .settings-links a,.messenger .settings-links>button{background:#232c3b;color:#dee7f7;border:1px solid #303c50;border-radius:13px}.messenger .settings-links a:hover,.messenger .settings-links>button:hover{background:#2b374b}.messenger .settings-links svg{color:#a4b9df}.messenger .settings-links .chevron{margin-left:auto;width:17px;height:17px;color:#7f93b4}
.messenger .signout{display:flex;align-items:center;justify-content:center;gap:9px;color:#f2b0b2!important;background:transparent;border-color:#4a3944}.messenger .signout:hover{background:#352a35}.messenger .signout svg{width:20px;height:20px}
.messenger .device-row{border-color:#334054}.messenger .history-option input{accent-color:#91adff}.messenger .device-detail{color:#a6b4ca}.messenger .error{color:#ffb0b0}.devices-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#a9b7cd;font-size:14px}.devices-toolbar .icon-button{width:44px;height:44px}#devices-error:not(:empty){background:#26334a;color:#ccdaf5;padding:13px 15px;border-radius:12px;line-height:1.6}#devices-open-tab{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0 0 14px;width:100%}
.auth-page,.admin-page{background:#10141b}.auth-card{background:#1a212c;border-color:#303b4e;box-shadow:0 22px 80px #0003;color:#e8edf7}.auth-card .brand{color:#f0f4fc}.auth-card .mark{background:#8aa5ff;color:#121e3b}.auth-card #lead{color:#a8b5cb}.auth-card input{background:#121923;border-color:#354359;color:#edf3ff}.auth-card .primary{background:#8aa5ff;color:#121e3b}.auth-card .primary:hover{background:#a3b9ff}.auth-card .account-form .password-toggle{color:#b4c9f6}.auth-card .password-toggle:hover{background:#27354d!important}.login-help{border-color:#334054}.login-help summary{color:#c3cfe4}.login-help p{color:#a5b4ca}#status{color:#bfd0ff}
.admin-shell a{color:#b3c7ff}.admin-shell .brand{color:#e8edf7}.admin-shell .eyebrow,.admin-shell .small{color:#a6b4ca}.account-row{border-color:#303d51}.account-row span{color:#a9b7cc}.auth-note{background:#243149;color:#c6d8fa}.auth-note p{color:#a9bddd}.textbutton{color:#b8c9ea}
@media(min-width:1600px){.messenger{background:#0b0e13}.messenger main{border-color:#29313f}}

.messenger .transfer-panel{overflow:auto;max-height:calc(100dvh - 40px);text-align:left}.transfer-panel a{margin-top:14px;width:100%;text-align:center}.transfer-panel .account-form p,.transfer-footnote{font-size:14px}.transfer-panel input,.transfer-import input{font-size:16px}.transfer-import{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.transfer-import summary{color:#c9d8f7;font-size:16px;min-height:44px}.transfer-import input[type=file]{max-width:100%;font-size:14px}.transfer-import input::file-selector-button{background:#2c3c57;color:#dce7fc;border:0;border-radius:8px;padding:10px;margin-right:10px}#transfer-export-status,#transfer-import-status{overflow-wrap:anywhere;line-height:1.6}#transfer-download{display:block}#transfer-export-form{display:block}#transfer-import-form{display:block}

#credentials-fields{display:grid;gap:10px}#credentials-fields[hidden]{display:none}#otp-qr{display:block;max-width:100%;height:auto;margin:16px auto;background:white;border-radius:12px}#otp-secret{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;user-select:all}#otp{font-size:24px;letter-spacing:.28em;text-align:center}#otp-panel details{margin:16px 0}.mfa-note{font-size:13px;line-height:1.5;color:var(--muted)}

.voice-bubble{min-width:210px;max-width:100%}.voice-bubble audio{width:260px;max-width:100%;height:42px}#voice-preview{width:100%;margin:16px 0}.voice-actions{display:flex;gap:10px;flex-wrap:wrap}.voice-actions button{flex:1}.notification-settings{margin:20px 0}.notification-settings p{color:var(--muted);line-height:1.5}#record-voice{flex-shrink:0;width:42px;height:44px}#record-voice svg{width:22px;height:22px}#voice-dialog .primary{margin:0}@media(max-width:480px){.voice-bubble audio{width:215px}}

body.app-locked>*:not(#app-lock){visibility:hidden!important;pointer-events:none!important}#app-lock{position:fixed;inset:0;z-index:10000;background:#101318;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}#app-lock[hidden]{display:none}.lock-card{width:100%;max-width:360px;text-align:center}.lock-card .mark{display:inline-grid;margin:0 auto 20px}.lock-card h1{font-size:30px}.lock-card p{color:#a3adbd}.lock-card button{width:100%;margin:10px 0}.lock-card form{text-align:left;display:block;background:none;border:0;padding:0}.lock-card input{width:100%;margin:10px 0}.lock-card label{display:block;margin-top:20px}#lock-status{min-height:24px;font-size:14px}