/* Плавающее окно чата задач: остаётся поверх портала при переходах, перетаскивается за заголовок. */
.chat-window{position:fixed;right:24px;bottom:24px;z-index:60;width:min(380px,calc(100vw - 32px));height:min(520px,calc(100vh - 48px));display:flex;flex-direction:column;background:#fff;border:1px solid #e3dbee;border-radius:18px;box-shadow:0 24px 60px -20px #2a184766,0 2px 6px #2a18471a;overflow:hidden}
.chat-window.collapsed{height:auto}
.chat-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;background:linear-gradient(185deg,#6b46a9,#52357e);color:#fff;cursor:grab;touch-action:none;user-select:none}
.chat-head:active{cursor:grabbing}
.chat-head strong{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.chat-head select{flex:1;min-width:0;border:0;border-radius:8px;padding:5px 8px;font-size:12px;background:#ffffff26;color:#fff}
.chat-head select option{color:#26242a}
.chat-head .icon-button{width:30px;height:30px;color:#fff}
.chat-tabs{display:flex;gap:4px;padding:8px 8px 0;overflow-x:auto;border-bottom:1px solid #eee8f4;flex-shrink:0}
.chat-tab{display:flex;align-items:center;max-width:170px;border-radius:9px 9px 0 0;background:#f6f2fb}
.chat-tab.active{background:#efe8fb;box-shadow:inset 0 -2px 0 #52357e}
.chat-tab button:first-child{padding:7px 4px 7px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;color:#3f2a63}
.chat-tab-close{padding:6px;color:#7b6d91}
.chat-task-link{display:flex;align-items:center;gap:6px;align-self:flex-start;margin:8px 12px 0;font-size:12px;color:#52357e}
.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fbf9fd}
.chat-message{display:flex;gap:8px;align-items:flex-end;max-width:88%}
.chat-message.own{align-self:flex-end;flex-direction:row-reverse}
.chat-bubble{padding:8px 11px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #ece5f4}
.chat-message.own .chat-bubble{border-radius:14px 14px 4px 14px;background:#52357e;border-color:#52357e;color:#fff}
.chat-bubble strong{display:block;font-size:11px;color:#52357e;margin-bottom:2px}
.chat-bubble p{font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.chat-bubble time{display:block;font-size:10px;opacity:.65;margin-top:3px;text-align:right}
.chat-empty{padding:18px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6}
.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid #eee8f4;background:#fff}
.chat-form input{flex:1;min-width:0;border:1px solid #e3dbee;border-radius:12px;padding:10px 12px;font-size:13px}
.chat-open{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#f6f2fb;color:#52357e;font-size:12px}
.chat-open:hover{background:#efe8fb}
@media(max-width:760px){.chat-window{right:8px;left:8px;bottom:8px;width:auto;height:min(70vh,520px)}}
/* Окно задачи с чатом справа (как в YouGile): детали прокручиваются слева, чат занимает всю высоту справа. */
.drawer[open]:has(.task-split){display:flex;flex-direction:column;width:min(980px,calc(100vw - 48px));overflow:hidden}
.drawer-content:has(>.task-split){flex:1;min-height:0;padding:0;overflow:hidden}
.task-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);height:100%}
.task-main{min-width:0;overflow-y:auto;padding:28px}
.task-chat-pane{display:flex;flex-direction:column;min-height:0;border-left:1px solid #eee8f4;background:#fbf9fd}
.task-chat-pane>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid #eee8f4;background:#fff}
.task-chat-pane>header strong{display:flex;align-items:center;gap:6px;font-size:13.5px}
.task-chat-pane>header small{padding:1px 7px;border-radius:999px;background:#efe8fb;color:#52357e;font-size:11px;font-weight:700}
.task-chat-pane>header .icon-button{width:30px;height:30px;color:#52357e}
.task-chat-pane .chat-bubble p{color:inherit;margin:0}
@media(max-width:760px){.drawer[open]:has(.task-split){width:100%}.drawer-content:has(>.task-split){overflow-y:auto}.task-split{display:flex;flex-direction:column;height:auto}.task-main{overflow:visible;padding:24px 20px}.task-chat-pane{height:70dvh;border-left:0;border-top:1px solid #eee8f4}}