.chat-layout-pro{height:calc(100vh - 102px);min-height:560px;display:grid;grid-template-columns:290px minmax(0,1fr);background:#fff;border-top:1px solid #dce3ec}
.chat-sidebar{display:flex!important;flex-direction:column;min-height:0;border-right:1px solid #d6deea;background:#f7f9fc}
.participants-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 8px}.participants-head h2{margin:0;font-size:15px}.participants-head b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#1559b7}
.participants-help{margin:0;padding:0 18px 12px;color:#68768a;font-size:12px;line-height:1.4}.participants-list{flex:1;overflow:auto;margin:0;padding:0 8px 12px;list-style:none}.participants-list li{margin:3px 0}.participant-button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;padding:10px;text-align:left;font-weight:700;cursor:pointer}.participant-button:hover,.participant-button.active{background:#dfebfa}.participant-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid currentColor;font-size:12px}
.sidebar-footer{padding:18px;text-align:center;border-top:1px solid #d6deea;background:#fff}.sidebar-footer .leave-room{display:block;margin-bottom:12px;color:#cc1f3d;font-weight:800}.sidebar-footer span{display:block;font-size:11px;color:#59677a}.sidebar-footer nav{display:flex;justify-content:center;gap:8px;margin-top:9px}.sidebar-footer nav a{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#15345f;color:#fff;text-decoration:none;font-weight:900}
.chat-layout-pro .conversation{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}.chat-layout-pro .messages{flex:1;min-height:0;overflow:auto;padding:18px 22px}.chat-layout-pro .messages article{max-width:780px;margin:0 0 10px;padding:12px 14px;border:1px solid #e1e6ed;border-radius:10px;background:#fff}.chat-layout-pro .messages article.private-message{border-color:#a8c8f5;background:#f2f7ff}.chat-layout-pro .messages article.mine{margin-left:auto}.chat-layout-pro .messages article p{display:flex;gap:8px;margin:0 0 6px}.chat-layout-pro .messages article time{color:#8290a2;font-size:11px}.chat-layout-pro .messages article img{display:block;max-width:240px;max-height:220px;border-radius:8px}.private-label{margin-left:auto;border-radius:999px;padding:2px 7px;background:#dceaff;color:#1559b7;font-size:10px;font-weight:800}
.composer-shell{position:relative;border-top:1px solid #cfd8e5;background:#eef1f5;padding:0 18px 12px}.conversation-tabs{display:flex;min-height:40px;overflow-x:auto;margin:0 -18px 0}.conversation-tabs button{min-width:150px;border:0;border-right:1px solid #c7ced8;border-bottom:3px solid transparent;background:#e5e7eb;color:#334155;padding:10px 28px 8px 14px;cursor:pointer;position:relative}.conversation-tabs button.active{background:#fff;border-bottom-color:#cc1f3d;color:#cc1f3d}.conversation-tabs .tab-close{position:absolute;right:8px;top:7px;font-size:18px}
.composer{display:grid!important;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:stretch;margin-top:8px}.composer label{display:block;border:1px solid #bec8d6;background:#fff;border-radius:8px;padding:8px 12px}.composer label span{display:block;color:#68768a;font-size:12px;margin-bottom:5px}.composer input{width:100%;border:0!important;outline:0;background:transparent;padding:6px 0!important;font-size:15px}.composer .send-button{border:1px solid #cc1f3d;border-radius:10px;background:#cc1f3d;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.composer-tools{display:flex;align-items:center;gap:5px;margin-top:6px}.composer-tools button{border:0;background:transparent;color:#cc1f3d;padding:5px 7px;font-weight:800;cursor:pointer}.composer-tools button:hover{background:#fff;border-radius:6px}.private-indicator{margin-left:auto;color:#4b5563;font-size:12px}.private-indicator:not(:empty)::before{content:'✓ ';color:#cc1f3d}
.tool-panel{position:absolute;left:20px;bottom:112px;z-index:20;width:min(430px,calc(100% - 40px));border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:12px;box-shadow:0 16px 40px rgba(15,35,65,.2)}.emoji-panel{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.emoji-panel button{border:0;border-radius:7px;background:#f2f5f9;padding:7px;font-size:20px;cursor:pointer}.gif-panel form{display:flex;gap:7px}.gif-panel input{flex:1;border:1px solid #cbd5e1;border-radius:7px;padding:9px}.gif-panel form button{border:0;border-radius:7px;background:#1559b7;color:#fff;padding:0 16px;font-weight:800}.gif-results{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:250px;overflow:auto;margin-top:10px}.gif-results button{border:0;background:#eef2f7;padding:0;cursor:pointer}.gif-results img{display:block;width:100%;height:95px;object-fit:cover}.giphy-credit{display:block;margin-top:9px;text-align:right;font-size:12px;color:#111827}.feedback{min-height:18px;margin:0;padding:2px 18px 6px;color:#b91c1c;font-size:12px}
@media(max-width:760px){.chat-layout-pro{height:auto;min-height:calc(100vh - 80px);grid-template-columns:1fr}.chat-sidebar{max-height:190px}.participants-list{display:flex;overflow-x:auto}.participants-list li{min-width:150px}.sidebar-footer{display:none}.chat-layout-pro .conversation{min-height:calc(100vh - 270px)}.composer{grid-template-columns:1fr 90px}.composer-tools span{display:none}.tool-panel{bottom:110px}}