.chat-shell{display:flex;flex-direction:column;min-width:0;max-width:1100px;margin:22px auto;background:#fff;border-radius:18px;box-shadow:0 8px 35px #4931510a;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;background:#faf8fc}.chat-header h2{margin:0;font-size:22px}.chat-header p{margin:5px 0 0;font-size:12px;color:#776581}.chat-status{font-size:11px;color:#776581}.chat-channels{display:flex;gap:8px;flex-wrap:wrap;padding:15px 25px 5px}.chat-channels button{background:#f3eef7;color:#6d537e;border-radius:18px;font-size:12px;padding:9px 16px;min-height:38px}.chat-channels button.active{background:#493151;color:#fff}.chat-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 26px 16px}.chat-context p{font-size:11px;color:#776581;max-width:480px;margin:0}.chat-context label{font-size:11px;margin:0;min-width:210px}.chat-context select{min-height:36px;font-size:12px;padding:7px 10px}.chat-history-actions{display:flex;justify-content:center;gap:15px;padding:0 20px}.chat-history-actions button{background:#f0eaf6;color:#6e4f91;border-radius:16px;font-size:11px;padding:6px 12px;min-height:30px}.chat-thread{height:440px;min-height:240px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;padding:16px 26px;background:#fcfaf7;scrollbar-gutter:stable}.chat-day{display:flex;justify-content:center;clear:both;margin:10px 0 20px}.chat-day span{font-size:10px;color:#816c8c;background:#ede7f1;padding:5px 12px;border-radius:15px}.chat-message{display:flex;align-items:flex-end;gap:9px;margin:0 0 15px;outline:none;min-width:0}.chat-avatar{flex:none;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e7def0;color:#705482;font-size:10px}.chat-bubble{max-width:min(78%,680px);min-width:90px;background:#fff;border-radius:15px 15px 15px 3px;padding:11px 15px;box-shadow:0 2px 10px #49315107;overflow-wrap:anywhere}.chat-author{font-size:10px;color:#82678e;font-weight:500}.chat-bubble p{margin:5px 0;font-size:13px;line-height:1.65;white-space:pre-wrap}.chat-bubble time{display:block;text-align:right;font-size:9px;color:#8b7894;margin-top:4px}.chat-own{flex-direction:row-reverse}.chat-own .chat-avatar{background:#71558c;color:white}.chat-own .chat-bubble{background:#eae2f2;border-radius:15px 15px 3px 15px}.chat-highlight .chat-bubble{box-shadow:0 0 0 2px #ad91c9}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:180px;color:#80688c}.chat-empty h3{font-size:20px;margin-bottom:5px}.chat-empty p{font-size:12px;text-align:center}.chat-composer{position:sticky;bottom:0;background:white;padding:16px 24px 20px}.chat-composer textarea{margin:0;min-height:65px;max-height:180px;resize:vertical;border-radius:12px;background:#faf8fc;font-size:13px}.chat-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.chat-compose-actions span{font-size:10px;color:#887291}.chat-compose-actions button{border-radius:9px;min-height:40px;font-size:12px;padding:10px 18px}.chat-composer .form-error{margin:10px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.chat-shell{margin:14px 0;border-radius:12px}.chat-header{align-items:flex-start;padding:18px;flex-direction:column}.chat-header .actions{width:100%;justify-content:space-between}.chat-context{padding:12px 18px;flex-direction:column;align-items:stretch;gap:12px}.chat-context label{min-width:0}.chat-channels{padding:12px 14px 0;gap:5px}.chat-channels button{font-size:11px;padding:8px 11px}.chat-thread{padding:12px 14px;height:410px;max-height:56vh}.chat-bubble{max-width:84%;padding:10px 12px}.chat-composer{padding:12px 14px 16px}.chat-compose-actions span{max-width:155px;line-height:1.5}}