.csmc-unified-chat{display:flex;flex-direction:column;min-height:340px;max-height:560px;border:1px solid #665526;border-radius:10px;background:#101014;color:#f7f4e8;overflow:hidden}
.csmc-unified-chat header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #393327}.csmc-unified-chat h2{margin:0;font-size:1.05rem}.csmc-chat-state{font-size:.75rem;color:#d8c67d}
.csmc-chat-log{flex:1;min-height:210px;overflow:auto;padding:4px 8px}.csmc-chat-item{padding:5px 3px;border-bottom:1px solid #29272a;font-size:.88rem;line-height:1.25}.csmc-chat-item>div{display:flex;align-items:center;gap:5px}.csmc-chat-item img{width:22px;height:22px;border-radius:50%;object-fit:cover}.csmc-chat-item p{margin:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}.csmc-chat-item time{color:#aaa;font-size:.7rem}
.csmc-chat-source{padding:2px 6px;border-radius:10px;background:#45414a;font-size:.7rem}.csmc-chat-source-youtube{background:#b51d22}.csmc-chat-source-facebook{background:#2459a9}.csmc-chat-source-website{background:#76621d}
.csmc-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;align-items:end;padding:10px 12px;border-top:1px solid #393327}.csmc-chat-form label{display:grid;gap:2px;min-width:0;font-size:.72rem}.csmc-chat-name-label{grid-column:1/-1}.csmc-chat-name-label input{height:28px;padding:3px 7px;font-size:.78rem}.csmc-chat-message-label{grid-column:1}.csmc-chat-form input,.csmc-chat-form textarea{box-sizing:border-box;width:100%;padding:7px;border:1px solid #777;border-radius:5px;background:#fff;color:#111}.csmc-chat-message-label textarea{min-height:42px;max-height:80px;resize:vertical}.csmc-chat-form button[type=submit]{grid-column:2;min-width:64px;height:42px;white-space:nowrap}.csmc-chat-form button,.csmc-chat-new,.csmc-chat-mod button{padding:8px 11px;border:0;border-radius:5px;background:#c7a83f;color:#111;font-weight:700}.csmc-chat-new{position:absolute;align-self:center}.csmc-chat-mod{padding:8px 12px;border-top:1px solid #393327}.csmc-chat-item>button{margin:5px 4px 0 0;font-size:.72rem}
.csmc-chat-form[hidden]{display:none!important}
@media(max-width:700px){.csmc-unified-chat{max-height:620px}.csmc-chat-form{grid-template-columns:minmax(0,1fr) auto}.csmc-chat-log{min-height:240px}}