.pro-chat-page{padding:0;min-height:0}.pro-chat-shell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);height:calc(100vh - 116px);min-height:540px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0b0d10}
.pro-chat-inbox{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;border-right:1px solid var(--line);background:#0e1014}.pro-chat-inbox>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.pro-chat-inbox h2{margin:3px 0 0;font-size:20px}.pro-chat-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border:1px solid #30424d;border-radius:6px;color:#8deaff;font:800 11px/1 monospace}
.pro-chat-search{display:flex!important;align-items:center;gap:9px;margin:12px;padding:0 12px!important;border:1px solid var(--line);border-radius:6px;background:#12151a;color:#77838d!important}.pro-chat-search:focus-within{border-color:#58cce8}.pro-chat-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.pro-chat-search input{min-width:0;height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--text)}
.pro-chat-list{min-height:0;overflow:auto}.pro-chat-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:78px;padding:12px;border:0;border-bottom:1px solid #1c232a;background:transparent;color:var(--text);text-align:left;cursor:pointer}.pro-chat-row:hover,.pro-chat-row.active{background:#141920}.pro-chat-row.active{box-shadow:inset 2px 0 var(--red)}.pro-chat-avatar{display:grid;place-items:center;width:42px;height:42px;aspect-ratio:1;border:1px solid #39515d;border-radius:50%;overflow:hidden;background:#171b20;color:#fff;font-size:12px;font-weight:900;flex:0 0 auto}.pro-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}.pro-chat-row-copy{min-width:0}.pro-chat-row-title{display:flex;align-items:center;gap:6px;min-width:0}.pro-chat-row-title strong,.pro-chat-row-copy p,.pro-chat-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-chat-row-title strong{font-size:13px}.pro-chat-row-copy small{margin-top:2px;color:#72808b;font-size:10px}.pro-chat-row-copy p{margin:6px 0 0;color:#a8b0b8;font-size:11px}.pro-chat-row-copy p b{color:#dfe5ea}.pro-chat-row-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.pro-chat-row-meta time{color:#68747f;font-size:9px;white-space:nowrap}.pro-chat-row-meta>b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:9px}.pro-chat-relation{display:inline-flex;align-items:center;min-height:19px;padding:0 6px;border:1px solid #3fc7e566;border-radius:4px;background:#10242b;color:#83e9ff;font:800 8px/1 monospace;letter-spacing:.04em;white-space:nowrap}
.pro-chat-thread{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;background:radial-gradient(circle at 100% 0,rgba(94,13,27,.14),transparent 32%),#090b0e}.pro-chat-thread-head{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 16px;border-bottom:1px solid var(--line);background:#0e1014}.pro-chat-thread-person{min-width:0;flex:1}.pro-chat-thread-person strong,.pro-chat-thread-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-chat-thread-person strong{font-size:14px}.pro-chat-thread-person small{margin-top:3px;color:#788590;font-size:10px}.pro-chat-mobile-back{display:none}.pro-chat-messages{min-height:0;overflow:auto;padding:18px;scrollbar-gutter:stable}.pro-chat-message{display:flex;justify-content:flex-start;margin:7px 0}.pro-chat-message.mine{justify-content:flex-end}.pro-chat-message>div{max-width:min(72%,620px);padding:10px 12px;border:1px solid #27333d;border-radius:6px;background:#15191e}.pro-chat-message.mine>div{border-color:#7a1a2b;background:#2a1118}.pro-chat-message p{margin:0;color:#f1f4f6;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.pro-chat-message time{display:block;margin-top:5px;color:#78838d;font-size:8px;text-align:right}.pro-chat-load-more{display:block;margin:0 auto 15px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:#11151a;color:#aeb8c1;font-size:10px;cursor:pointer}.pro-chat-load-more:disabled{opacity:.55}
.pro-chat-attachment{display:flex;align-items:center;gap:10px;min-width:220px;margin-bottom:8px;padding:10px;border:1px solid #33434e;border-radius:5px;background:#0d1216;color:#fff;text-align:left}.pro-chat-attachment-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ef233c66;border-radius:5px;color:#ff5367}.pro-chat-attachment svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.pro-chat-attachment small,.pro-chat-attachment strong{display:block}.pro-chat-attachment small{color:#75def6;font:800 8px/1 monospace}.pro-chat-attachment strong{margin-top:5px;font-size:11px}.pro-chat-attachment.media{display:block;width:min(320px,100%);padding:0;overflow:hidden;cursor:pointer}.pro-chat-attachment.media img{display:block;width:100%;max-height:280px;object-fit:contain;background:#050607}
.pro-chat-compose{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:7px;margin:10px 14px calc(10px + env(safe-area-inset-bottom));padding:6px;border:1px solid #2b3b46;border-radius:24px;background:#101419}.pro-chat-compose button{display:grid;place-items:center;width:40px;height:40px;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;color:#dce4e9;cursor:pointer}.pro-chat-compose button.send{background:var(--red);color:#fff}.pro-chat-compose svg,.pro-chat-mobile-back svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.pro-chat-compose input{min-width:0;height:40px;padding:0 5px;border:0;background:transparent;color:#fff;outline:0;box-shadow:none}.pro-chat-attach-menu{position:absolute;z-index:4;left:16px;bottom:70px;display:grid;width:230px;padding:6px;border:1px solid #34434d;border-radius:7px;background:#15191e;box-shadow:0 16px 42px #000b}.pro-chat-attach-menu[hidden]{display:none}.pro-chat-attach-menu button{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px;border:0;border-radius:5px;background:transparent;color:#e8edf0;text-align:left;cursor:pointer}.pro-chat-attach-menu button:hover{background:#20262c}.pro-chat-attach-menu svg{width:19px;height:19px;fill:none;stroke:#72ddf4;stroke-width:1.8}.pro-chat-empty{display:grid;place-items:center;align-content:center;min-height:160px;padding:28px;color:#7e8993;text-align:center}.pro-chat-empty p{margin:7px 0 0;font-size:11px}.pro-chat-thread-empty>div{margin:auto;text-align:center;color:#7d8892}.pro-chat-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border:1px solid #30414c;border-radius:50%;color:#7ce4fb}.pro-chat-empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor}.pro-chat-error{margin:0 16px;padding:8px 10px;border:1px solid #ef233c55;border-radius:5px;background:#2b1117;color:#ffb8c0;font-size:11px}
.pro-chat-dialog-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px;background:#020306d9;backdrop-filter:blur(7px)}.pro-chat-dialog{width:min(470px,100%);max-height:min(620px,calc(100vh - 40px));overflow:auto;border:1px solid #38515e;border-radius:8px;background:#12151a;box-shadow:0 28px 80px #000c}.pro-chat-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.pro-chat-dialog h2{margin:0;font-size:17px}.pro-chat-dialog>header button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#191d22;color:#fff}.pro-chat-dialog>div{display:grid;padding:8px}.pro-chat-dialog>div>button{display:grid;gap:4px;padding:13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;cursor:pointer}.pro-chat-dialog>div>button:hover{background:#1a2026}.pro-chat-dialog small{color:#82909b}
@media(max-width:760px){.pro-chat-page{margin:-2px -10px 0}.pro-chat-shell{display:block;height:calc(100dvh - 142px);min-height:450px;border-left:0;border-right:0;border-radius:0}.pro-chat-inbox,.pro-chat-thread{height:100%}.pro-chat-shell:not(.has-thread) .pro-chat-thread{display:none}.pro-chat-shell.has-thread .pro-chat-inbox{display:none}.pro-chat-mobile-back{display:grid;place-items:center;width:40px;height:40px;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:50%;background:#15191e;color:#fff}.pro-chat-thread-head{padding:8px 10px}.pro-chat-messages{padding:12px}.pro-chat-message>div{max-width:86%}.pro-chat-compose{margin:8px 8px calc(8px + env(safe-area-inset-bottom))}.pro-chat-attach-menu{left:8px;bottom:68px}.pro-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
html[data-theme="light"] .pro-chat-shell,html[data-theme="light"] .pro-chat-thread{background:#f4f6f7}html[data-theme="light"] .pro-chat-inbox,html[data-theme="light"] .pro-chat-thread-head{background:#fff}html[data-theme="light"] .pro-chat-row:hover,html[data-theme="light"] .pro-chat-row.active{background:#edf2f4}html[data-theme="light"] .pro-chat-message>div{background:#fff;color:#111}html[data-theme="light"] .pro-chat-message.mine>div{background:#fee9ed}html[data-theme="light"] .pro-chat-message p{color:#111}html[data-theme="light"] .pro-chat-compose{background:#fff}html[data-theme="light"] .pro-chat-compose input{color:#111}
.pro-chat-message>div:has(audio){box-sizing:border-box;width:306px;max-width:100%;min-width:0}
.pro-chat-message audio{display:block;height:54px;color-scheme:dark;margin-bottom:8px}
html[data-theme="light"] .pro-chat-message audio{color-scheme:light}