/* Final assembled xa/tq chrome mapped onto the real xm service-backed UI. */
.new-panel.xmapp{--xm-final-me:linear-gradient(135deg,#A23BFF,#6328F5);--xm-final-them:#F1EDF8;background:#FFF;color:#10102E}
.xmapp.xm-color-pink{--xm-final-me:linear-gradient(135deg,#EE42CB,#9635F5);--xm-final-them:#FBEFF9}
.xmapp.xm-color-blue{--xm-final-me:linear-gradient(135deg,#2A2550,#10102E);--xm-final-them:#F1F0F5}
.xmapp>.new-panel-head{min-height:64px;gap:8px;padding:12px 12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.96) 55%,rgba(255,255,255,0));border:0}
.xmapp>.new-panel-head>button,.xmapp .xmic{width:40px;height:40px;flex:none;border-radius:50%;background:transparent;color:#16132A;display:grid;place-items:center}
.xmapp>.new-panel-head>button:focus-visible,.xmapp :is(button,a,input,summary):focus-visible{outline:2px solid #7C3AED;outline-offset:3px}
.xmapp .xm-inbox-head{padding:12px 14px 6px;gap:10px}
.xmapp .xm-inbox-account{min-width:0;flex:1;gap:10px}
.xmapp .xm-inbox-account b{font-size:19px;font-weight:800;overflow-wrap:anywhere}
.xmapp .xm-inbox-account small{font-size:12px;color:#89869F}
.xmapp .xm-inbox-search{margin:6px 0 0;height:44px;border-radius:22px;background:#F2EEF9;padding:0 16px;gap:10px}
.xmapp .xm-inbox-tabs{border-bottom:1px solid #EFEAF7}
.xmapp .xm-inbox-tabs [role="tab"]{font-size:14.5px;height:44px}
.xmapp .xmrow{gap:13px;padding:9px 0;min-height:76px}
.xmapp .xmri b{font-size:15px;font-weight:600}
.xmapp .xmrow.un .xmri b{font-weight:800}
.xmapp .xmri small{font-size:13px}
.xmapp .xmth-menu,.xmapp .xm-inbox-options{border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 18px 40px rgba(16,16,46,.18);max-width:calc(100% - 24px);z-index:12;overflow:hidden}
.xmapp .xmth-menu button,.xmapp .xm-inbox-options button{min-height:46px;padding:12px 16px;font-size:15px;text-align:start;border-bottom:1px solid #F1EDF7;width:100%}
.xmapp .xmth-name b{font-size:15px;font-weight:700}
.xmapp .xmth small{font-size:12px;color:#89869F}
.xmapp .xmth-avatar{border-radius:50%;flex:none}
.xmapp .xm-dm-tools{gap:0}
.xmthr>.new-panel-body{direction:ltr;padding:0 12px 12px}
.xmapp .xmintro,.xmapp .xmsys,.xmapp .xmexpired{direction:rtl}
.xmapp .xmm{direction:ltr;flex-direction:row;gap:6px;align-items:flex-end;margin-top:2px}
.xmapp .xmm.f{margin-top:10px}
.xmapp .xmm.me{flex-direction:row;justify-content:flex-end}
.xmapp .xmm.th{justify-content:flex-start}
.xmapp .xm-sender-avatar{width:28px;height:28px;padding:0;border:0;background:transparent;border-radius:50%;flex:none}
.xmapp .xm-bubble-wrap{direction:rtl;position:relative;max-width:72%;min-width:0}
.xmapp .xmbbl{position:relative;max-width:100%;padding:10px 15px;font-size:16px;line-height:1.4;border-radius:22px;overflow-wrap:anywhere}
.xmapp .xmm.me .xmbbl{background:var(--xm-final-me);color:#FFF}
.xmapp .xmm.th .xmbbl{background:var(--xm-final-them);color:#10102E}
.xmapp .xmm.th:not(.f) .xmbbl{border-top-left-radius:6px}
.xmapp .xmm.th:not(.l) .xmbbl{border-bottom-left-radius:6px}
.xmapp .xmm.me:not(.f) .xmbbl{border-top-right-radius:6px}
.xmapp .xmm.me:not(.l) .xmbbl{border-bottom-right-radius:6px}
.xmapp .xmseen{display:block;font-size:10.5px;margin:4px 4px 0;color:#89869F;line-height:1.5}
.xmapp .xmmedia .wave i.p{opacity:1;background:currentColor}
.xmapp .xmm.me .xmseen{text-align:end}
.xmapp .xm-react{color:inherit;opacity:.6;width:24px;min-height:24px;border-radius:50%;vertical-align:middle}
.xmapp .xm-reaction-badges{display:flex;gap:4px;margin:4px 10px 0}
.xmapp .xm-reaction-badge{background:#F1EDF8;color:#16132A;border-radius:13px;min-width:30px;min-height:26px;padding:2px 7px;box-shadow:0 0 0 2.5px #FFF;font-size:14px}
.xmapp .xm-reaction-badge[aria-pressed="true"]{background:#E7DBFF}
.xmapp .xm-reaction-popover{position:absolute;z-index:30;display:flex;gap:4px;padding:6px 8px;background:#FFF;border-radius:30px;box-shadow:0 10px 30px rgba(16,16,46,.2)}
.xmapp .xm-reaction-popover[hidden]{display:none}
.xmapp .xm-reaction-popover>button{width:40px;height:40px;border-radius:50%;font-size:24px;background:transparent}
.xmapp .xm-reaction-popover>button.on{background:#F3EEFF}
.xm-group-avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 4px 12px rgba(91,33,182,.2)}
.xm-group-entry{display:block;width:100%;min-height:44px;margin:4px 0 8px;padding:10px 14px;border-radius:22px;background:#F1EEF7;color:#5B21B6;font-size:14px;font-weight:800;text-align:center}
.xm-group-create{padding:12px;border-radius:20px;background:#FAF7FF;box-shadow:inset 0 0 0 1px #E8DFFA}
.xm-group-create[hidden]{display:none}
.xm-group-name{display:grid;gap:7px;font-size:13px;font-weight:800;color:#4B4560}
.xm-group-name input{width:100%;min-height:44px;border:1px solid #E4DCF3;border-radius:13px;padding:8px 11px;background:#fff;color:#16132A;font:inherit;box-sizing:border-box}
.xm-group-count{margin:8px 0;font-size:12px;color:#6B6585}
.xm-group-selected{display:flex;flex-wrap:wrap;gap:6px}
.xm-group-selected button{padding:7px 10px;border-radius:16px;background:#EDE5FA;color:#5B21B6;font-size:12px;font-weight:700}
.xm-group-create .xmfind{margin-top:10px}
.xmapp .xmsearch-results .xmrow.selected{background:#F4EEFF;box-shadow:inset 3px 0 #7C3AED}
.xm-group-detail{padding:18px 14px 28px;text-align:center;color:#16132A}
.xm-group-emblem{width:76px;height:76px;margin:4px auto 12px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}
.xm-group-detail h2{margin:0;font-size:21px;font-weight:800;overflow-wrap:anywhere}
.xm-group-detail>p{margin:4px 0 20px;color:#8A85A0;font-size:13px}
.xm-group-detail form{text-align:right;padding:14px;margin:0 0 18px;border-radius:18px;background:#FAF7FF}
.xm-group-detail form label{display:grid;gap:7px;font-size:13px;font-weight:700}
.xm-group-detail form input{min-height:42px;border:1px solid #E4DCF3;border-radius:12px;padding:8px 10px;background:#fff;font:inherit}
.xm-group-detail form button{width:100%;min-height:42px;margin-top:9px;border-radius:21px;background:#7C3AED;color:#fff;font-weight:800}
.xm-group-detail h3{text-align:right;font-size:15px;margin:16px 2px 8px}
.xm-group-members{display:grid;text-align:right;border-radius:17px;background:#FAF8FD;overflow:hidden}
.xm-group-members>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #EEE9F5}
.xm-group-members>div:last-child{border-bottom:0}
.xm-group-members>div>span:last-child{display:grid;gap:2px}
.xm-group-members small{font-size:11px;color:#7C3AED}
.xm-group-leave{width:100%;min-height:46px;margin-top:18px;border-radius:23px;background:#FCEBF0;color:#B42348;font-size:14px;font-weight:800}
.xm-group-intro{align-items:center}
.xm-group-intro>button{border:0;background:transparent}
.xm-group-intro .xm-intro-profile{padding:8px 13px;border-radius:18px;background:#F1EEF7;color:#6D28D9;font-size:12px;font-weight:700}
.xm-group-sender{display:grid;justify-items:center;align-content:end;gap:3px;min-width:34px}
.xm-group-sender small{max-width:64px;font-size:9px;line-height:1.2;color:#777087;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xmapp .xmcomp{padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px));background:#FFF}
.xmapp .xmcomp .xmin{min-height:58px;border-radius:29px;background:#F2EEF9;padding-inline:12px;gap:6px}
.xmapp .xmcomp input{font-size:16px;min-width:0}
.xmapp .xmcomp .xmsb{height:48px;width:48px;background:var(--xm-final-me)}
.xmapp .xmstatus{font-size:10.5px;color:#89869F}
.xmapp .xm-profile-feature{padding:22px 14px 16px}
.xmapp .xm-profile-name b{font-size:22px;font-weight:800}
.xmapp .xm-profile-feature>p{font-size:14px;color:#6B6585;line-height:1.7}
.xmapp .xm-profile-shortcuts{gap:10px}
.xmapp .xm-profile-shortcuts>button>span:first-child{background:#F3EEFF;border-radius:50%;width:48px;height:48px;color:#6A4CF5}
.xmapp .xm-profile-row{min-height:58px;padding:10px 2px;border-bottom:1px solid #F1EDF7;font-size:15px}
.xmapp .xm-profile-row small{font-size:12px;line-height:1.6;color:#8A86A0}
.xmapp .xm-profile-row input[type="text"]{max-width:42%;min-width:0;border:1px solid #E6E0F7;border-radius:12px;padding:9px}
.xmapp .xm-profile-row input[type="checkbox"]{accent-color:#6A4CF5;width:20px;height:20px;flex:none}
.xmapp .xm-setting-colors [data-setting-color="blue"]{background:linear-gradient(135deg,#2A2550,#10102E)}
.xmapp .xm-profile-media-tabs button{min-height:44px;font-size:14px}
.xmapp .xm-search-field{height:44px;border-radius:22px;background:#F2EEF9;margin:4px 0 12px}
.xmapp .xm-search-scope{font-size:12px;color:#8A86A0;margin:0 2px 14px;line-height:1.6}
.xmapp .xm-search-hit{display:block;width:100%;padding:14px 8px;border-bottom:1px solid #F1EDF7;background:transparent;text-align:start;overflow-wrap:anywhere}
.xmapp .xm-search-hit b{display:block;font-size:14px;font-weight:600}
.xmapp .xm-search-hit small{display:block;color:#8A86A0;font-size:11px;margin-top:6px}
.xmapp .xmerror{border-radius:14px;font-size:13px;overflow-wrap:anywhere}
/* Boundary against legacy late .xmapp.xmthr overrides in chat-app.css. */
#new-panels .xmapp>.new-panel-head{min-height:64px;gap:8px;padding:12px 12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.96) 55%,rgba(255,255,255,0));border:0}
#new-panels .xmapp>.xm-inbox-head{padding:12px 14px 6px;gap:10px}
#new-panels .xmapp.xmthr>.new-panel-body{direction:ltr;padding:0 12px 12px}
#new-panels .xmapp .xmth-avatar{width:36px;height:36px;padding:0;box-shadow:none}
#new-panels .xmapp .xmth-avatar .xmav{width:36px!important;height:36px!important}
#new-panels .xmapp .xmth-copy small{font-size:12px;color:#89869F}
#new-panels .xmapp .xm-bubble-wrap{max-width:72%;direction:rtl}
#new-panels .xmapp .xmbbl{padding:10px 15px;font-size:16px;line-height:1.4;border-radius:22px}
#new-panels .xmapp .xmm.me .xmbbl:not(.img){background:var(--xm-final-me);color:#FFF}
#new-panels .xmapp .xmm.th .xmbbl{background:var(--xm-final-them);color:#10102E}
#new-panels .xmapp .xmm.th:not(.f) .xmbbl{border-top-left-radius:6px}
#new-panels .xmapp .xmm.th:not(.l) .xmbbl{border-bottom-left-radius:6px}
#new-panels .xmapp .xmm.me:not(.f) .xmbbl{border-top-right-radius:6px}
#new-panels .xmapp .xmm.me:not(.l) .xmbbl{border-bottom-right-radius:6px}
#new-panels .xmapp .xmseen{font-size:10.5px;line-height:1.5;margin:4px 4px 0;color:#89869F}
#new-panels .xmapp .xm-react{position:static;right:auto;bottom:auto;z-index:auto;width:24px;height:24px;opacity:.65;pointer-events:auto;transform:none;border:0;background:transparent;color:inherit}
#new-panels .xmapp .xmcomp{padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px));background:#FFF;border-radius:0;margin:0}
#new-panels .xmapp .xmcomp .row{min-height:58px;border-radius:29px;background:#F2EEF9;padding:0 6px;gap:6px}
#new-panels .xmapp .xmcomp .xmin{min-height:58px;border-radius:29px;background:transparent}
#new-panels .xmapp .xmcomp input{font-size:16px}
#new-panels .xmapp .xmcomp #xmMain{width:48px;height:48px;box-shadow:none;background:var(--xm-final-me)}
#new-panels .xmapp .xmstatus{font-size:10.5px;line-height:1.5;color:#89869F}
#new-panels .xmapp.xm-settings-panel>.new-panel-head{height:54px;min-height:54px;padding:7px 12px!important}
#new-panels .xmapp.xm-settings-panel>.new-panel-head>.round{box-shadow:none}
.xmapp.xm-selecting>.xm-inbox-head{display:none!important}
.xmapp .xm-selectbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:12px 14px;background:#FFF;flex:none}
.xmapp .xm-selectbar[hidden]{display:none!important}
.xmapp .xm-selectbar button{min-height:40px;padding:8px 12px;border-radius:20px;color:#7C3AED;background:#F3EEFF;font-size:13px}
.xmapp .xm-selectbar [data-selection-delete]{background:#E11D48;color:#FFF}
.xmapp .xm-selectbar [data-selection-delete]:disabled{background:#F1EDF8;color:#A69CB8}
.xmapp .xm-selectbar b{font-size:14px}
.xmapp .xm-select-check{width:22px;height:22px;border:2px solid #C9C3D9;border-radius:50%;display:grid;place-items:center;flex:none;color:#FFF}
.xmapp .xm-selectrow[aria-pressed="true"] .xm-select-check{background:#7C3AED;border-color:#7C3AED}
.xmapp.xm-selecting .fn-strip-host{display:none}
@media(max-width:370px){.xmapp .xm-dm-head{gap:3px;padding-inline:6px}.xmapp .xm-dm-tools .xmic{width:30px}.xmapp .xmth-copy{min-width:0}.xmapp .xmth-name b{font-size:13px}.xmapp .xmth small{font-size:10px}.xmapp .xmcomp .xmin{gap:0;padding-inline:6px}.xmapp .xmib{width:28px}.xmapp .xm-inbox-head{gap:4px}.xmapp .xm-inbox-account b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.xmapp,.xmapp *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}