.kb-proof-panel{margin:24px 0;padding:20px;border:1px solid #d8e2ed;border-radius:14px;background:#f7f9fc}.kb-ops-upload{display:grid;gap:14px;max-width:600px}.kb-ops-upload label{display:grid;gap:6px}.kb-ops-upload input,.kb-ops-upload select,.kb-ops-upload button{font:inherit;min-height:44px;width:100%;max-width:100%;box-sizing:border-box}.kb-ops-upload progress{width:100%}.kb-chat-attachments{flex:0 0 auto}.kb-chat-attachments p:empty{display:none}.kb-chat-attachments p{margin:0;width:100%;font-size:12px}.kb-chat-attachments label{display:flex;gap:8px;align-items:center}.kb-chat-attachments button{min-height:44px}.kb-chat-attachments input{max-width:155px!important;font-size:16px!important}#kb-chat-panel .kb-chat-attachments{padding:4px 12px!important}.kb-chat-message img,.kb-admin-chat-message img{max-width:100%;height:auto}
@media(max-width:700px){.kb-proof-panel{padding:14px}.kb-ops-upload input,.kb-ops-upload select{font-size:16px}.kb-chat-attachments label{font-size:12px}.kb-chat-attachments progress{height:7px}.kb-chat-attachments p{max-height:34px;overflow:auto}}

/* Customer attachments live with the message composer. */
#kb-chat-panel .kb-chat-attach{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:48px;padding:10px;background:#edf5fc;color:#0059af;border:1px solid #cbddeb;border-radius:10px;align-self:flex-end}
#kb-chat-panel .kb-chat-attach:hover{background:#dceefa}#kb-chat-panel .kb-chat-attach svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none}
#kb-chat-panel .kb-chat-attach:focus-visible,#kb-chat-panel .kb-chat-image-preview button:focus-visible{outline:3px solid #1599bf;outline-offset:2px}
#kb-chat-panel .kb-chat-image-preview{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:10px;padding:10px;border:1px solid #c9ddec;border-radius:12px;background:#f4f9fd;box-sizing:border-box}
#kb-chat-panel .kb-chat-image-preview>img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:7px}
#kb-chat-panel .kb-chat-image-details{min-width:0;display:grid;gap:5px;color:#25415d}
#kb-chat-panel .kb-chat-image-details span{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#kb-chat-panel .kb-chat-image-details small{font-size:11px;color:#536b82}
#kb-chat-panel .kb-chat-image-remove{border:0;background:transparent;color:#536b82;font-size:24px;width:36px;min-height:44px;padding:0;cursor:pointer}
#kb-chat-panel .kb-chat-image-send{grid-column:1/-1;min-height:44px;padding:8px 12px;background:#0059af;color:#fff;border:0;border-radius:8px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#kb-chat-panel .kb-chat-image-preview progress,#kb-chat-panel .kb-chat-image-preview p{grid-column:1/-1;width:100%;margin:0;font-size:12px}
#kb-chat-panel .kb-chat-image-preview p:empty{display:none}#kb-chat-panel .kb-chat-image-preview button:disabled{opacity:.55}
@media(min-width:781px){#kb-chat-panel{display:flex;flex-direction:column;height:740px;overflow:hidden}#kb-chat-panel>header{flex-shrink:0}#kb-chat-panel .kb-chat-mobile-content{display:block;flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain}#kb-chat-panel #kb-chat-messages{max-height:none;overflow:visible}#kb-chat-panel #kb-chat-form{flex-shrink:0;background:#fff;border-top:1px solid #dce6ef}#kb-chat-panel.kb-chat-active .kb-chat-greeting{display:none}}
@media(max-width:780px){#kb-chat-panel .kb-chat-attach{flex-basis:44px;width:44px;min-width:44px;padding:9px}#kb-chat-panel .kb-chat-image-preview{max-height:220px;overflow:auto}}