/* Messages v2 — same card language as hubs (25d7e0fa). Inner lists scroll; page containers untouched. */
body:has(#mx-app) .app-footer{display:none!important}
.mx{--b:var(--border,#26262b);--p:#141417;--r:#1b1b1f;--m:var(--muted,#8e8e93);--a:var(--vx-accent,#3d7bf5);
 display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;gap:12px!important;height:calc(100dvh - 120px);min-height:420px!important;max-height:none!important;margin:0!important}
.mx>.mx-side,.mx>.mx-chat{border:1px solid var(--b)!important;border-radius:14px!important;background:var(--p)!important;min-height:0!important;max-height:100%!important;height:auto!important;padding:0!important;margin:0!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column}
/* list */
.mx-top{flex:none;display:flex;align-items:center;gap:6px;padding:14px 12px 8px 16px}.mx-top h1{font-size:18px!important;margin:0 auto 0 0!important;line-height:1.2}
.mx-ibtn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--b);background:var(--r);color:#d1d1d6;cursor:pointer;font-size:17px;flex:none;padding:0}
.mx-ibtn:hover,.mx-ibtn[aria-expanded=true]{color:#fff;border-color:#3a3a40}.mx-ibtn svg{width:17px;height:17px}
.mx-primary{background:color-mix(in srgb,var(--a) 18%,var(--r));border-color:color-mix(in srgb,var(--a) 35%,var(--b));color:#fff}
.mx-drawer{flex:none;margin:4px 12px 8px;padding:12px;border:1px solid var(--b);border-radius:12px;background:var(--r);display:grid;gap:8px}.mx-drawer[hidden]{display:none}
.mx-drawer label{display:grid;gap:6px;font-size:13px;color:var(--m)}.mx-drawer p{margin:0;font-size:12.5px}
.mx-search{flex:none;padding:4px 12px 8px}.mx-search input{width:100%;height:38px;border-radius:12px;background:var(--r);border:1px solid var(--b);color:inherit;padding:0 12px;font-size:14px}
.mx-pills{flex:none;display:flex;gap:6px;padding:0 12px 8px}.mx-pills button{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--b);background:none;color:#c7c7cc;font-size:12.5px;cursor:pointer}
.mx-pills button.is-on{background:color-mix(in srgb,var(--a) 16%,transparent);border-color:color-mix(in srgb,var(--a) 40%,var(--b));color:#fff}
.mx .mx-list{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 10px;overscroll-behavior:contain;display:block!important;max-height:none!important}
.mx .mx-row{position:relative;display:flex!important;align-items:center;gap:12px;padding:9px 10px!important;margin:2px 0!important;border-radius:12px!important;border:1px solid transparent!important;background:none!important;color:#c7c7cc!important;text-decoration:none;min-height:0!important;box-shadow:none!important}
.mx .mx-row[hidden]{display:none!important}
.mx .mx-row:hover{background:rgba(255,255,255,.035)!important}
.mx .mx-row.selected{background:color-mix(in srgb,var(--a) 13%,transparent)!important;border-color:color-mix(in srgb,var(--a) 28%,transparent)!important;color:#fff!important}
.mx .mx-row.selected::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--a)}
.mx-av{position:relative;flex:none;display:inline-grid}.mx-av .cx-avatar,.mx-av .chat-initial{width:40px!important;height:40px!important;font-size:15px}
.mx-pres{position:absolute;right:-2px;bottom:-2px;font-size:0;line-height:0}.mx-pres i{display:none}.mx-pres.is-online i{display:block;width:12px;height:12px;border-radius:50%;background:#3ccf6e;border:2.5px solid var(--p)}.mx-pres span{display:none}
.mx-jobtile{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#2a2418;color:#e0b66a;border:2px solid var(--p)}.mx-jobtile svg{width:11px;height:11px}
.mx-rt{min-width:0;flex:1;display:grid;gap:2px}.mx-r1,.mx-r2{display:flex;align-items:center;gap:6px;min-width:0}
.mx-r1 strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mx-r1 time{margin-left:auto;flex:none;font-size:11.5px;color:var(--m)}
.mx-r2 p{margin:0!important;font-size:12.5px;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.mx-unread{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--a);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.mx-none{padding:16px 10px;margin:0}.mx .pagination{display:flex;gap:8px;padding:10px 4px}
/* chat */
.mx-empty{margin:auto;text-align:center;display:grid;justify-items:center;gap:6px;padding:24px;color:var(--m)}.mx-empty>svg{width:44px;height:44px;color:#3a3a40;margin-bottom:6px}.mx-empty h2{margin:0;color:#e5e5ea;font-size:18px}.mx-empty p{margin:0 0 10px}.mx-empty .button svg{width:16px;height:16px}
.mx .mx-head{flex:none;display:flex!important;align-items:center;gap:12px;padding:10px 12px 10px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--b)!important;background:none!important}
.mx-back{display:none!important;font-size:28px;line-height:1;color:#d1d1d6;text-decoration:none;padding:0 4px}
.mx .mx-who{display:grid!important;min-width:0;flex:1;gap:0}.mx-who h2{font-size:15px!important;margin:0!important;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-who small{color:var(--m);font-size:12.5px}.mx-who small a{color:inherit}
.mx .mx-tools{display:flex!important;align-items:center;gap:6px;margin:0!important}
.mx-btn{height:34px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--b);background:var(--r);color:#d1d1d6;font-size:13px;text-decoration:none}.mx-btn:hover{color:#fff}
.mx-menuwrap{position:relative}.mx-menu{position:absolute;right:0;top:calc(100% + 6px);width:210px;z-index:60;background:#18181b;border:1px solid var(--b);border-radius:12px;padding:6px;display:grid;gap:2px}.mx-menu[hidden]{display:none}
.mx-menu a,.mx-menu button{display:block;width:100%;background:none!important;border:0!important;color:#d1d1d6;text-align:left;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer;text-decoration:none;min-height:0!important;box-shadow:none!important}.mx-menu a:hover,.mx-menu button:hover{background:var(--r)!important;color:#fff}.mx-menu .is-warn{color:#f47272}
.mx .mx-avail{flex:none;margin:0!important;padding:6px 16px;font-size:12px;color:var(--m);border-bottom:1px solid var(--b)}
.mx .mx-older{flex:none;align-self:center;margin:8px auto 0!important}.mx .mx-older[hidden]{display:none}
.mx .mx-history{flex:1;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto;padding:8px 0!important;border:0!important;background:none!important;overscroll-behavior:contain;margin:0!important}
.mx .mx-compose{flex:none;display:flex!important;align-items:flex-end;gap:8px;margin:0 12px 12px!important;padding:6px!important;border:1px solid var(--b)!important;border-radius:16px!important;background:var(--r)!important;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mx .mx-compose textarea{flex:1;min-height:40px!important;max-height:160px;resize:none;background:none!important;border:0!important;box-shadow:none!important;padding:10px!important;margin:0!important;font-size:14.5px;outline:none}
.mx .mx-compose .button{flex:none;height:40px;border-radius:12px}
.mx .mx-status{flex:none;margin:-6px 16px 8px!important;font-size:12px;color:var(--m)}.mx .mx-status:empty{display:none}
@media (max-width:1000px){.mx{grid-template-columns:280px minmax(0,1fr)!important}}
/* phones + iOS app */
@media (max-width:760px){.mx{grid-template-columns:minmax(0,1fr)!important}.mx>.mx-chat{display:none!important}.mx.show-conversation>.mx-side{display:none!important}.mx.show-conversation>.mx-chat{display:flex!important}.mx-back{display:block!important}.mx-btn{display:none}}
html.vexo-ios-app .mx{grid-template-columns:minmax(0,1fr)!important}html.vexo-ios-app .mx>.mx-chat{display:none!important}html.vexo-ios-app .mx.show-conversation>.mx-side{display:none!important}html.vexo-ios-app .mx.show-conversation>.mx-chat{display:flex!important}html.vexo-ios-app .mx-back{display:block!important}html.vexo-ios-app .mx-btn{display:none}
@media (max-width:760px){.mx .mx-row{padding:12px!important;margin:6px 0!important;background:rgba(255,255,255,.025)!important;border-color:var(--b)!important}.mx .mx-row.selected{background:color-mix(in srgb,var(--a) 13%,transparent)!important}.mx-av .cx-avatar,.mx-av .chat-initial{width:46px!important;height:46px!important}.mx-r1 strong{font-size:15.5px}.mx-r2 p{font-size:13.5px}}
html.vexo-ios-app .mx .mx-row{padding:12px!important;margin:6px 0!important;background:rgba(255,255,255,.025)!important;border-color:var(--b)!important}html.vexo-ios-app .mx .mx-row.selected{background:color-mix(in srgb,var(--a) 13%,transparent)!important}html.vexo-ios-app .mx-av .cx-avatar{width:46px!important;height:46px!important}
html.vexo-ios-app .mx .mx-compose textarea{font-size:16px}
.mx{grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important}
.mx-pres .vx-presence{display:block;font-size:0}.mx-pres .vx-presence span{display:none!important}.mx-pres .vx-presence i{display:none}.mx-pres .is-online i{display:block!important;width:12px;height:12px;border-radius:50%;background:#3ccf6e;border:2.5px solid var(--p)}
.mx .mx-head{flex-direction:row!important;flex-wrap:nowrap!important;text-align:left!important;justify-content:flex-start!important}
.mx .mx-head .mx-who{text-align:left!important;align-items:start}.mx .mx-tools{margin-left:auto!important;flex-wrap:nowrap!important;width:auto!important}
.mx .mx-back{font-size:30px!important;width:auto!important;min-height:0!important}
.mx-pills button{min-height:0!important;height:30px!important;width:auto!important}
.mx .mx-list,.mx .mx-search,.mx .mx-pills{margin:0!important}
.mx .mx-ibtn{min-height:0!important}