.settings-sidebar{border-right:1px solid #f0f0f0;background:white;overflow:auto}.settings-sidebar h2{font-size:18px;height:60px;padding:20px;margin:0;border-bottom:1px solid #f1f1f1}.settings-sidebar>button{height:60px;width:calc(100% - 8px);margin:5px 4px 0;display:flex;align-items:center;gap:12px;text-align:left;border-radius:9px;background:white;color:#222;padding:0 14px;font-size:14px}.settings-sidebar>button.active{background:#ece9fa;color:#3e37b5}.settings-sidebar svg{height:17px;width:17px}.settings-main{min-width:0;background:#fafbfc;overflow:auto}.settings-main>header{height:60px;padding:20px;font-size:18px;font-weight:700;border-bottom:1px solid #eee;background:white}.settings-body{padding:16px}.settings-card{background:white;box-shadow:0 2px 9px #00000009;border:1px solid #f2f2f2;border-radius:12px;margin-bottom:12px;padding:16px 14px 28px}.settings-card h3{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #fafafa;font-size:18px;display:flex;align-items:center;gap:6px}.settings-card h3 svg{width:16px;height:16px;color:var(--brand)}.settings-summary{display:flex;align-items:center;gap:24px;padding:20px 24px;min-height:102px;margin-bottom:16px}.settings-summary h2{font-size:22px;margin:0 0 5px}.settings-summary small{font:13px monospace;color:#999}.settings-avatar{height:60px;width:60px;flex-shrink:0;border-radius:50%;background:linear-gradient(140deg,#438fc0,#2b4b7d);color:white;padding:0;font-size:25px;position:relative;overflow:hidden}.settings-avatar img,.im-self img{height:100%;width:100%;object-fit:cover;border-radius:50%}.settings-avatar span{display:none;position:absolute;inset:0;background:#0006;font-size:12px;align-items:center;justify-content:center}.settings-avatar:hover span{display:flex}.settings-field{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:14px;margin:16px 0 20px;font-size:14px}.settings-field>span{text-align:right;color:#333}.settings-field b{color:#f56c6c;font-weight:400}.settings-field input:not([type=radio]){font-size:14px;height:33px;border-radius:8px;padding:7px 10px;border-color:#eee;box-shadow:none}.settings-counted{position:relative;min-width:0}.settings-counted input{padding-right:60px!important}.settings-counted small{position:absolute;right:10px;top:9px;color:#999;font-size:12px;pointer-events:none}.settings-counted textarea{font-size:14px;border-radius:8px;border-color:#eee;box-shadow:none;min-height:75px;padding:9px 10px 26px;resize:vertical}.settings-counted textarea+small{top:auto;bottom:10px}.settings-gender{display:flex;gap:28px}.settings-gender label{display:flex;gap:7px;align-items:center;cursor:pointer}.settings-gender input{width:15px;height:15px;margin:0;accent-color:var(--brand)}.settings-contact{display:flex;gap:10px;align-items:center;min-height:42px;font-size:14px}.settings-contact svg{height:16px;width:16px;color:var(--brand)}.settings-contact>span{width:65px}.settings-contact small{flex:1;color:#999;font-size:14px;overflow-wrap:anywhere;min-width:0}.settings-contact button{background:none;color:var(--brand);padding:5px 0;font-size:14px}.settings-submit{text-align:center;margin:18px 0}.settings-submit .primary{padding:9px 27px;border-radius:8px;font-size:14px;background:linear-gradient(110deg,var(--brand),#5659df);min-width:84px}.settings-notice{padding:14px 18px;background:#eef5ff;border:1px solid #dfecff;border-radius:9px;font-size:14px;line-height:1.8;color:#547099}.settings-help{font-size:13px;color:#999;line-height:1.8}.settings-code-row{display:flex;gap:12px;min-width:0}.settings-code-row input{min-width:0;flex:1}.settings-code-row button{white-space:nowrap;font-size:13px;padding:6px 14px;color:var(--brand);background:#eeecff;border-radius:7px}.settings-avatar-modal{width:360px;max-width:90vw}.settings-avatar-modal>img{display:block;width:160px;height:160px;border-radius:50%;margin:25px auto}.settings-avatar-modal footer{display:flex;justify-content:flex-end;gap:12px}
@media(max-width:650px){.settings-shell{grid-template-columns:54px 110px minmax(0,1fr)}.settings-sidebar>button{gap:5px;padding:0 6px;font-size:12px}.settings-sidebar svg{width:14px}.settings-body{padding:8px}.settings-summary{padding:16px 10px;gap:10px}.settings-summary h2{font-size:17px}.settings-field{grid-template-columns:55px minmax(0,1fr);gap:6px}.settings-card{padding:12px 8px}.settings-code-row{flex-wrap:wrap;gap:6px}.settings-contact{gap:4px;flex-wrap:wrap}.settings-contact small{flex-basis:50%}.settings-contact>span{width:auto}}
.settings-general-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;color:#999;font-size:14px}.settings-general-row select{font-size:13px;width:140px;height:33px;padding:5px;border-radius:8px}.settings-colors{display:flex;align-items:center;gap:10px}.settings-colors button{background:var(--swatch);width:32px;height:32px;border-radius:50%;padding:0;color:white}.settings-colors .selected{outline:2px solid var(--brand);outline-offset:3px}.settings-colors input{width:28px;height:28px;border:0;padding:0;border-radius:50%;overflow:hidden}.settings-backgrounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settings-background{height:74px;position:relative;border:2px solid #eee;box-shadow:0 1px 4px #0001;border-radius:7px;padding:8px;text-align:left}.settings-background span{position:absolute;bottom:7px;left:10px;font-size:12px;background:#fffa;color:#777}.settings-background b{position:absolute;top:5px;right:5px;border-radius:50%;background:var(--brand);color:white;font-size:11px;padding:2px 4px}.settings-background.selected{border-color:var(--brand)}.settings-background.default{background:#f6f7f9}.settings-background.sky,body[data-chat-background=sky] .im-message-area{background:#f0f7ff}.settings-background.lavender,body[data-chat-background=lavender] .im-message-area{background:#f5f0ff}.settings-background.warm,body[data-chat-background=warm] .im-message-area{background:#fcf6e9}.settings-background.dots,body[data-chat-background=dots] .im-message-area{background-color:#f7f8fa;background-image:radial-gradient(#ddd 1px,transparent 1px);background-size:16px 16px}.settings-background.grid,body[data-chat-background=grid] .im-message-area{background-color:#f7f8fa;background-image:linear-gradient(#eaecef 1px,transparent 1px),linear-gradient(90deg,#eaecef 1px,transparent 1px);background-size:20px 20px}.settings-background.stripes,body[data-chat-background=stripes] .im-message-area{background:repeating-linear-gradient(135deg,#f8f9fa 0 7px,#edf0f3 7px 8px)}.settings-background.diamonds,body[data-chat-background=diamonds] .im-message-area{background-color:#f8f9fa;background-image:repeating-linear-gradient(45deg,transparent 0 26px,#edf0f3 26px 27px),repeating-linear-gradient(-45deg,transparent 0 26px,#edf0f3 26px 27px)}body[data-app-theme] .im-rail{background:linear-gradient(170deg,var(--brand),color-mix(in srgb,var(--brand),white 18%))}body[data-app-theme] .im-send,body[data-app-theme] .im-switch:checked{background:var(--brand)}.settings-help{margin-bottom:0}@media(max-width:800px){.settings-colors{gap:7px;flex-wrap:wrap}.settings-general-row{flex-wrap:wrap}.settings-colors button{height:25px;width:25px}.settings-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr))}}

.im-avatar>img{height:100%;width:100%;object-fit:cover;border-radius:50%}
body[data-app-theme] .im-message.mine .im-bubble{background:var(--brand)}body[data-app-theme] .im-tabs button.active{color:var(--brand);border-color:var(--brand)}body[data-app-theme] .im-room.active,body[data-app-theme] .settings-sidebar>button.active{background:color-mix(in srgb,var(--brand),white 90%)}.settings-sidebar>button{margin-top:0}.settings-sidebar>button:first-of-type{margin-top:6px}.settings-card{padding-bottom:16px}
.security-devices article{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eee;align-items:center}.security-devices p,.security-devices small{font-size:12px;color:#777;margin:7px 0}.security-devices b{margin-left:10px;color:var(--brand-text);font-size:12px}.security-devices button,.security-danger{background:none;color:#c83c4b;border:1px solid #f3c6cc;font-size:13px;white-space:nowrap}.security-modal{width:420px;max-width:92vw}.security-modal p{font-size:14px;color:#666;line-height:1.7}.security-modal label{display:block;font-size:14px}.security-modal input{margin-top:10px}.security-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.security-unbind{margin-top:14px}.security-unbind .settings-field{grid-template-columns:76px minmax(0,1fr)}@media(max-width:650px){.security-devices article{flex-wrap:wrap}.security-unbind .settings-field{display:block}.security-unbind .settings-field>span{display:block;text-align:left;margin-bottom:8px}}