@import "message-tools-EGjB7It.css";
.messaging-layout { display:grid; grid-template-columns:330px minmax(0,1fr); max-width:1480px; height:calc(100dvh - var(--header-height) - 48px); min-height:400px; margin:24px auto; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--paper, #fffaf2); position:relative; box-shadow:0 12px 40px #614c2f08; }
.messaging-sidebar { min-height:0; min-width:0; border-right:1px solid var(--line); padding:25px 18px 18px; background:#f5efe4; }
.conversation-list { display:flex; flex-direction:column; height:100%; min-height:0; }
.conversation-list .rail-panel-heading { margin:0 0 22px; align-items:center; }
.conversation-list h1 { font-size:1.9rem; line-height:1.15; margin:6px 0 0; display:flex; align-items:center; gap:9px; }
.message-eyebrow { font:600 10px/1.5 'Avenir Next',sans-serif; letter-spacing:.11em; text-transform:uppercase; color:#80745e; }
.message-count { background:#e3e6d7; color:#3c604b; padding:3px 7px; border-radius:8px; font:600 11px/1.5 sans-serif; }
.conversation-list .rail-search { border:1px solid #ded5c6; border-radius:10px; background:#fffaf2; padding:2px 3px; gap:0; }
.conversation-list .rail-search input { border:0; background:transparent; box-shadow:none; padding:11px 8px; font-size:12px; }
.conversation-list .rail-search button { font-size:15px; color:#847b6a; }
.messages-read-all { margin:0 0 10px; text-align:right; }
.messages-read-all button { font:500 11px/1.5 'Avenir Next',sans-serif; color:#6d745d; display:inline-flex; align-items:center; gap:5px; padding:5px 0; }
.conversation-list .rail-conversations { flex:1; overflow:auto; min-height:0; scrollbar-width:none; }
.conversation-list .rail-conversations::-webkit-scrollbar { display:none; }
.conversation-list .rail-conversations>a { padding:15px 11px; margin:3px 0; gap:11px; border:1px solid transparent; border-radius:11px; position:relative; }
.conversation-list .rail-conversations>a.active { background:#e4e9db; border-color:#cbd4be; }
.conversation-list .rail-conversations>a.active::before { content:''; width:3px; height:26px; border-radius:3px; background:#5b7755; position:absolute; left:-1px; }
.conversation-list .rail-conversations strong { font:500 13px/1.4 'Avenir Next',sans-serif; color:#3d3934; }
.conversation-list .rail-conversations .has-unread strong { font-weight:700; }
.conversation-list .rail-conversations small { font:400 12px/1.5 'Avenir Next',sans-serif; }
.conversation-list .rail-conversations time { font:400 10px/1.4 'Avenir Next',sans-serif; color:#8b8172; }
.messaging-pagination { display:flex; gap:12px; justify-content:center; padding:15px 0; font-size:12px; color:var(--green); }
.messaging-content { min-width:0; min-height:0; height:100%; background:#fffbf5; }
.conversation { height:100%; display:flex; flex-direction:column; min-width:0; min-height:0; position:relative; }
.conversation-header { display:flex; align-items:center; gap:13px; padding:24px 30px 20px; border-bottom:1px solid var(--line); flex-shrink:0; }
.conversation-heading { min-width:0; flex:1; }
.conversation-header h2 { margin:0 0 5px; font-size:1.5rem; overflow-wrap:anywhere; line-height:1.15; }
.realtime-status { font:400 11px/1.4 'Avenir Next',sans-serif; color:#7c816e; }
.conversation-members { position:relative; }
.conversation-members summary { list-style:none; cursor:pointer; }
.conversation-members summary::-webkit-details-marker { display:none; }
.conversation-members>div { position:absolute; top:40px; right:0; width:245px; max-height:320px; overflow:auto; z-index:5; background:#fffaf2; border:1px solid var(--line); border-radius:12px; box-shadow:0 10px 30px #4d41261a; padding:15px; font:500 12px/1.5 'Avenir Next',sans-serif; }
.conversation-members a { display:flex; gap:8px; align-items:center; padding-top:12px; }
.conversation-members .avatar { width:28px; height:28px; }
.message-history { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; padding:15px 30px 20px; overflow-anchor:none; }
.message-history::-webkit-scrollbar { display:none; }
.message { display:flex; align-items:flex-end; gap:10px; margin:20px 0; max-width:82%; }
.message>.avatar { width:34px; height:34px; flex-shrink:0; margin-bottom:18px; }
.message-content { min-width:0; }
.message strong { display:block; font:500 11px/1.5 'Avenir Next',sans-serif; color:#726a60; margin:0 0 5px 3px; }
.message-bubble { padding:12px 16px; background:#f0e9df; color:#494137; border:1px solid #e8dfd0; border-radius:16px 16px 16px 3px; font:400 14px/1.55 'Avenir Next',sans-serif; overflow-wrap:anywhere; margin:0; }
.message time { display:block; font:400 9px/1.5 'Avenir Next',sans-serif; color:#8f877a; margin-top:5px; }
.message--mine { margin-left:auto; flex-direction:row-reverse; }
.message--mine .message-bubble { background:#e6ecde; border-color:#dbe3d0; border-radius:16px 16px 3px 16px; }
.message--mine strong, .message--mine time { text-align:right; }
.message-compose { padding:12px 26px 18px; border-top:1px solid var(--line); background:#fffaf2; flex-shrink:0; }
.message-compose form { display:flex; align-items:flex-end; gap:10px; margin:0; }
.message-field { flex:1; min-width:0; }
.message-compose textarea { min-height:52px; max-height:150px; resize:vertical; padding:12px 14px; border-radius:12px; background:#fffdf8; font:400 14px/1.5 'Avenir Next',sans-serif; }
.message-compose button { background:#42644d; border-color:#42644d; border-radius:11px; padding:12px 16px; margin:0; min-height:50px; font-size:12px; }
.message-compose button:hover { background:#33523e; }
.compose-hint { display:block; font:400 9px/1.5 'Avenir Next',sans-serif; margin-top:8px; color:#8d8577; }
.message-typing { font:400 11px/1.4 'Avenir Next',sans-serif; color:#587049; min-height:24px; padding:2px 30px 7px; margin:0; }
.message-jump { align-self:center; margin:-34px 0 5px; z-index:1; background:#42644d; color:#fff; border:0; padding:9px 14px; border-radius:20px; box-shadow:0 3px 12px #36503e20; font-size:12px; }
.messages-older { display:block; margin:0 auto; padding:10px; font-size:12px; color:var(--green); }
.message-error { padding:8px 14px; margin:4px 12px; border-radius:8px; background:#f9e9de; color:#893e2e; font-size:12px; }
.workspace-error { position:absolute; z-index:10; top:0; left:20%; right:20%; }
.message-empty { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:35px; }
.message-empty>img { object-fit:contain; margin-bottom:28px; image-rendering:pixelated; }
.message-empty h2 { font-size:2.1rem; font-weight:500; line-height:1.25; margin:12px 0; }
.message-empty p { color:#847864; font:400 13px/1.7 'Avenir Next',sans-serif; margin:0 0 25px; }
.message-empty .button { background:#49684f; border-color:#49684f; font-size:12px; }
.message-empty small { margin-top:35px; color:#958a79; font:400 10px/1.5 'Avenir Next',sans-serif; }
.message-empty small i { margin-right:5px; }
.message-new { height:100%; overflow:auto; padding:35px; }
.message-new>.text-button { display:block; margin-bottom:35px; font-size:12px; }
.message-new h2 { margin-top:8px; }
.message-new>p { color:var(--muted); font-size:14px; }
.message-new form { max-width:560px; margin-top:30px; }
.message-new label { font-size:13px; }
.messages-back { display:none; }
.header-tool { position:relative; }
.header-unread { position:absolute; right:-3px; top:-1px; border-radius:12px; min-width:17px; height:17px; padding:0 4px; background:#a6533e; color:#fff; font:600 10px/17px sans-serif; text-align:center; }
.rail-panel--right { overflow:hidden; }
.rail-panel--right>[data-social-rails-target=content] { height:100%; min-height:0; padding-top:24px; }
.rail-conversation .conversation-header { padding:0 0 14px; gap:7px; }
.rail-conversation .conversation-header h2 { font-size:1.2rem; }
.rail-conversation .message-history { height:auto; min-height:0; padding:10px 0; flex:1; }
.rail-conversation .message { max-width:93%; gap:7px; }
.rail-conversation .message-bubble { font-size:12px; padding:10px 12px; }
.rail-conversation .message-compose { padding:12px 0 0; }
.rail-conversation .message-compose textarea { min-height:50px; max-height:110px; font-size:13px; }
.rail-conversation .message-compose button { padding:12px; min-height:45px; }
.rail-conversation .message-compose button span, .rail-conversation .compose-hint { display:none; }
.rail-conversation .message-typing { padding-inline:0; }
.rail-conversation .rail-all-messages { font-size:11px; margin-top:14px; }
.messaging-layout [hidden], .rail-panel [hidden], [data-inbox-badge][hidden] { display:none; }
@media(max-width:1540px) { .messaging-layout { margin:18px; height:calc(100dvh - var(--header-height) - 36px); } }
@media(max-width:1000px) { .messaging-layout { grid-template-columns:285px minmax(0,1fr); } .conversation-header { padding-inline:20px; } .message-history { padding-inline:18px; } .message { max-width:94%; } }
@media(max-width:760px) {
    .messaging-layout { display:block; height:calc(100dvh - var(--header-height)); min-height:0; margin:0; border:0; border-radius:0; }
    .messaging-sidebar { height:100%; border:0; padding:20px 16px; }
    .messaging-content { display:none; }
    .messaging-layout.has-conversation .messaging-sidebar { display:none; }
    .messaging-layout.has-conversation .messaging-content { display:block; }
    .messages-back { display:grid; }
    .conversation-header { padding:14px 12px; gap:8px; }
    .conversation-header h2 { font-size:1.2rem; }
    .message-history { padding:8px 14px; }
    .message { max-width:95%; gap:7px; }
    .message>.avatar { width:28px; height:28px; }
    .message-bubble { padding:10px 13px; font-size:13px; }
    .message-compose { padding:10px 12px max(10px,env(safe-area-inset-bottom)); }
    .message-compose textarea { font-size:16px; }
    .message-compose button { min-width:44px; padding:12px; }
    .message-compose button span, .compose-hint { display:none; }
    .message-new { padding:22px; }
    .message-typing { padding-inline:14px; }
}