*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#fff;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.widget-shell{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;background:#fff;padding:14px 16px}.widget-header div{display:flex;flex-direction:column;gap:2px}.widget-header strong{font-size:15px}.widget-header span{color:#64748b;font-size:12px}.widget-header button{border:0;background:transparent;color:#475569;cursor:pointer}.start-form{display:flex;flex:1;flex-direction:column;gap:14px;justify-content:center;padding:24px}.start-form h1{margin:0 0 8px;font-size:20px;line-height:1.35}.start-form label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:13px}.start-form input,.composer input{width:100%;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;outline:none}.start-form input{padding:10px 12px}.start-form input:focus,.composer input:focus{border-color:#111827}.start-form button,.composer button{border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer;font-weight:700}.start-form button{padding:11px 14px}.start-form button:disabled,.composer button:disabled{cursor:not-allowed;opacity:.48}.messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.message{max-width:82%}.message p{margin:0;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px 12px;line-height:1.45}.message span{display:block;margin-top:4px;color:#94a3b8;font-size:11px}.message .read-receipt{color:#64748b;font-weight:700}.message.visitor{align-self:flex-end}.message.visitor p{border-color:#111827;background:#111827;color:#fff}.message-attachments{display:grid;gap:6px;margin-top:6px}.image-attachment{border:0;border-radius:10px;background:transparent;max-width:210px;overflow:hidden;padding:0}.image-attachment img{display:block;max-height:190px;max-width:100%;object-fit:contain}.message.visitor span{text-align:right}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;border-top:1px solid #e5e7eb;background:#fff;padding:12px}.draft-attachments{display:flex;flex-wrap:wrap;gap:6px;grid-column:1 / -1}.draft-image{position:relative}.draft-image img{border:1px solid #e5e7eb;border-radius:8px;height:48px;object-fit:cover;width:48px}.draft-image button{border-radius:999px;min-height:22px;padding:0 7px;position:absolute;right:-7px;top:-7px}.attach-button{min-width:38px;padding:0}.composer input{padding:10px 12px}.composer button{padding:0 14px}.muted{margin:auto;color:#64748b;font-size:13px;text-align:center}.error{margin:0;color:#b91c1c;font-size:13px}.composer-error{border-top:1px solid #fee2e2;background:#fef2f2;padding:8px 12px}.lightbox{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10}.lightbox-panel{display:grid;gap:10px;justify-items:end;max-height:94vh;max-width:94vw}.lightbox-panel img{background:#fff;border-radius:10px;max-height:84vh;max-width:94vw;object-fit:contain}