.patient-conversation{padding:0;overflow:hidden;border-color:#c5dfdf;scroll-margin-top:100px}
.chat-heading{padding:22px 24px 16px;border-bottom:1px solid #e1ecee;display:flex;gap:15px;align-items:start;justify-content:space-between;background:#f8fcfc}
.chat-heading h2{margin:0 0 7px}.chat-heading p{margin:0}.chat-label{background:#def3ec;color:#237358;white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:12px}
.patient-messages{height:440px;max-height:60dvh;min-height:240px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:22px;background:#f4f8fa;scroll-behavior:auto}
.patient-message{flex:0 0 auto;align-self:flex-start;max-width:88%;min-width:150px;background:#fff;border:1px solid #e0e9ec;border-radius:17px 17px 17px 4px;padding:14px 16px;overflow-wrap:anywhere;box-shadow:0 2px 5px #14314205}
.patient-message.mine{align-self:flex-end;background:#dff2ee;border-color:#c5e6dc;border-radius:17px 17px 4px 17px}
.patient-message>strong{font-size:12px;color:#37756d}.patient-message p{font-size:15px;line-height:1.65;white-space:pre-wrap;margin:8px 0}
.patient-message footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;margin-top:9px;font-size:11px;color:#628078}
.chat-file{display:block;background:#edf4f7;border:1px solid #d6e4e9;border-radius:10px;margin-top:8px;padding:12px;color:#145f70;text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.mine .chat-file{background:#f5fbf8;border-color:#c4e1d7}.chat-empty-note{margin:auto;text-align:center;color:#6b8395;font-size:15px;max-width:380px;line-height:1.8;padding:30px 0}
.patient-composer{display:flex;flex-direction:column;padding:18px 22px 20px;gap:8px;background:#fff;border-top:1px solid #dfebed}
.patient-composer>label{font-size:13px;color:#476776}.patient-composer textarea{width:100%;min-width:0;min-height:88px;max-height:250px;resize:vertical;font-size:15px;line-height:1.5}
.composer-actions{display:flex;gap:18px;justify-content:space-between;align-items:end}.file-label{min-width:0;flex:1;font-size:13px;color:#487585}
.file-label input{width:100%;min-width:0;max-width:350px;margin-top:7px;padding:8px;font-size:12px}.composer-actions button{flex:0 0 auto}
.chat-feedback{font-size:13px;color:#007b72;margin:0;line-height:1.6}.chat-feedback:empty{display:none}.chat-older,[data-chat-new]{display:block;margin:10px auto;font-size:13px}
.unread-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:24px;height:24px;padding:0 7px;border-radius:20px;background:#007f7c;color:#fff;font-size:12px;font-weight:700}
.site-side .unread-badge{margin-left:auto}.owner-record{display:flex;align-items:start;gap:20px}.owner-monogram{display:grid;place-items:center;width:65px;height:65px;flex:0 0 65px;background:#dff2ee;border-radius:20px;color:#00807a;font-size:30px}.owner-record p{overflow-wrap:anywhere;margin:7px 0;line-height:1.6}
.doctor-columns .patient-conversation{margin-top:18px}.record-row .unread-badge{color:#fff}
@media(max-width:760px){.chat-heading{padding:18px 16px;flex-wrap:wrap}.chat-heading h2{font-size:20px}.patient-messages{padding:15px 10px;max-height:65dvh;height:380px}.patient-message{max-width:94%;padding:12px 14px}.patient-composer{padding:15px 13px}.composer-actions{align-items:stretch;flex-direction:column;gap:10px}.composer-actions button{width:100%;margin:0}.file-label input{max-width:none}.owner-record{gap:13px}.owner-monogram{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:23px}.owner-record h2{font-size:21px}}
