.chat-settings{margin-bottom:12px}.chat-settings summary{cursor:pointer;color:#587667;padding:10px}.chat-settings form{margin-top:10px}
.messenger-layout{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 165px);min-height:540px;border:1px solid #dfe7e2;border-radius:14px;overflow:hidden;background:white}
.conversation-sidebar{position:static;inset:auto;width:auto;padding:16px;display:flex;min-height:0;border-right:1px solid #e1e9e3}.conversation-sidebar h2{margin-bottom:16px}.conversation-sidebar input{margin-bottom:12px}
#conversation-list{overflow:auto;min-height:0}.conversation-user{display:flex;gap:10px;align-items:center;background:transparent;text-align:left;width:100%;padding:14px 8px;margin:4px 0}.conversation-user.active,.conversation-user:hover{background:#e8f5ee}.conversation-user strong{display:block;overflow-wrap:anywhere}.conversation-user small{display:block;font-size:10px}.chat-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#d9efe2;border-radius:50%;color:#188958}
#conversation-pane{min-width:0;min-height:0;position:relative}#chat-placeholder{display:grid;place-items:center;height:100%;color:#86968d}
#support-chat.embedded-chat[open]{position:static;inset:auto;margin:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;box-shadow:none;padding:0;display:flex;flex-direction:column;overflow:hidden}
.embedded-chat .panel-heading{padding:16px 22px;border-bottom:1px solid #e1e9e3}.embedded-chat #support-info{padding:6px 22px}.embedded-chat #support-messages{flex:1;min-height:0;max-height:none;border:0;border-radius:0;margin:0;padding:20px;background:#f3f7f5;overflow:auto;display:flex;flex-direction:column;gap:12px}
.support-message{max-width:85%;flex-shrink:0}.support-message.customer{align-self:flex-start}.support-message.admin{align-self:flex-end;background:#dff2e7}.support-message p{margin:6px 0}.support-message small{font-size:10px}.chat-image{display:block;max-width:100%;max-height:320px;border-radius:8px;object-fit:contain;margin-top:8px}
.embedded-chat #support-reply{padding:10px 18px;border-top:1px solid #e1e9e3}.embedded-chat #support-reply textarea{height:70px;resize:vertical}.embedded-chat #support-reply .form-actions{margin-top:8px}.embedded-chat #support-error{margin:0;padding:0 18px}.embedded-chat #support-reply label{margin:0;font-size:11px}
@media(max-width:760px){.messenger-layout{grid-template-columns:1fr;height:auto;min-height:0}.conversation-sidebar{max-height:210px;border-right:0;border-bottom:1px solid #e1e9e3}#conversation-pane{height:650px}.support-message{max-width:95%}.embedded-chat #support-messages{padding:12px}}
.unread-count{display:inline-block;min-width:19px;padding:2px 5px;border-radius:12px;background:#e23e46;color:white;font-size:10px;text-align:center}.unread-count[hidden]{display:none}.conversation-user:has(.unread-count){background:#fff7f7}.request-controls{padding:0 18px}#support-ticket-select{font-size:11px;margin-bottom:7px}#warranty-info{font-size:12px;margin-bottom:8px}#warranty-info summary{cursor:pointer;color:#188958}#warranty-content{max-height:150px;overflow:auto}
.support-nav-icon{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:5px}
.attachment-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.attachment-toolbar small{font-size:10px}#support-upload-preview{font-size:12px;overflow-wrap:anywhere}#support-upload-preview img{max-width:100px;max-height:65px;vertical-align:middle;margin:5px}
#support-config .attachment-toolbar label{display:flex;align-items:center;gap:7px;margin:5px 12px 5px 0}#support-config input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:#188958}
.inventory-row{padding:15px 0;border-bottom:1px solid #dce5df}.inventory-row pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7f5;padding:12px;user-select:all}.product-card .card-actions{flex-wrap:wrap}#inventory-list{max-height:60vh;overflow:auto}