.media-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.media-tools button{border:0;background:transparent;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#648a79;padding:3px 0}.media-tools svg{width:16px;height:16px}.media-tools button:hover{color:#168778}.media-tools input[hidden]{display:none}.composer-tools{flex-wrap:wrap;gap:10px}.composer-tools>span{margin-left:auto}.visitor-tools{flex-wrap:wrap}.visitor-tools .media-tools{gap:17px}.attachment-pending{display:flex;align-items:center;gap:10px;background:#f0f7f3;border:1px solid #dcebe2;border-radius:8px;padding:9px 10px;margin:10px 0 3px;min-width:0}.attachment-pending[hidden]{display:none}.pending-icon{color:#5a967b}.attachment-pending>div{flex:1;min-width:0}.attachment-pending strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.attachment-pending small{display:block;font-size:10px;line-height:1.7;color:#89a396;margin-top:3px}.attachment-pending .icon-btn{padding:4px}.attachment-pending .icon-btn svg{width:15px;height:15px}.attachment-pending .text-btn{white-space:nowrap}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:20px}.emoji-grid button{border:1px solid transparent;background:#f7faf8;border-radius:8px;font-size:25px;line-height:1;padding:10px 2px}.emoji-grid button:hover{border-color:#80b69a;background:#edf7f0}.media-bubble{padding:8px;white-space:normal;max-width:100%}.chat-image-link{display:block;line-height:0}.chat-image{display:block;max-width:100%;width:auto;max-height:250px;min-width:70px;object-fit:contain;border-radius:6px;background:#eef3ef}.image-download{display:flex;gap:4px;justify-content:flex-end;align-items:center;color:#7a9e89;font-size:9px;margin-top:7px;line-height:1.5}.image-download svg{width:11px;height:11px}.chat-file{display:flex;gap:12px;align-items:center;padding:5px 6px;min-width:180px;max-width:300px;color:#44695a}.file-symbol{display:grid;place-items:center;width:36px;height:43px;background:#eff5f0;border-radius:6px;flex-shrink:0}.file-symbol svg{width:22px;height:22px}.chat-file>span:nth-child(2){min-width:0;flex:1}.chat-file strong{font-size:12px;font-weight:550;overflow-wrap:anywhere;display:block;line-height:1.7}.chat-file small{display:block;color:#8fa497;font-size:10px;margin-top:5px}.chat-file>svg{width:16px;height:16px;color:#80a28d}.wide-modal{width:640px}.template-description{color:#8a9e94;font-size:12px;line-height:1.9}.template-items{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:48dvh;overflow:auto;padding:1px 5px 1px 0}.template-row{background:#f9fbfa;border:1px solid #e4ede7;padding:14px;border-radius:10px}.template-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.template-row-head strong{font-size:11px;color:#6d8e7d;font-weight:600}.template-row-head>div{display:flex;gap:12px}.template-row-head .text-btn{font-size:10px}.template-row textarea{resize:vertical;font-size:12px;line-height:1.8;min-height:72px;border-color:#e2eae4}.template-empty{text-align:center;padding:28px 12px;font-size:12px;color:#9aada1;line-height:2}.template-add{display:flex;align-items:center;gap:10px}.template-add .btn{font-size:12px;padding:8px 12px}.template-add>span{margin-left:auto;color:#9aaea2;font-size:11px}.template-footer{border-top:1px solid #e5eee7;padding-top:18px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.template-footer>span{font-size:10px;color:#a2b1a7}.template-footer .btn{font-size:12px}#template-upload-status{font-size:11px;margin-top:10px}.welcome-image-preview{display:flex;align-items:center;gap:14px}.welcome-image-preview img{max-width:180px;max-height:130px;object-fit:contain;background:white;border:1px solid #e0e9e2;border-radius:6px}.welcome-image-preview span{font-size:11px;color:#95a69a;overflow-wrap:anywhere;min-width:0}.quick-reply-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.quick-reply-item{justify-content:flex-start;text-align:left;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.quick-replies{max-height:60dvh;overflow:auto}.settings-template-links{display:flex;flex-direction:column;gap:12px;margin:20px 0}.settings-template-links .btn{justify-content:flex-start;font-size:12px}.visitor-history .media-bubble{padding:8px}.visitor-history .chat-image{max-height:300px}.visitor-history .message{min-width:0}.composer:has(.attachment-pending:not([hidden])) textarea{height:42px;min-height:42px}
@media(max-width:600px){.media-tools{gap:13px}.composer-tools>span{display:none}.emoji-grid{grid-template-columns:repeat(6,1fr)}.template-row{padding:11px}.template-row-head>div{gap:9px}.welcome-image-preview img{max-width:130px}.template-footer{gap:8px}.template-footer>span{font-size:9px}.template-footer .btn{padding:9px 12px}.chat-file{min-width:150px;max-width:230px}.chat-file strong{font-size:11px}.visitor-tools .media-tools{gap:15px}.visitor-tools>span{max-width:100px}.chat-image{max-height:200px}.template-items{max-height:45dvh}.wide-modal{padding:22px 18px}}