.contract-chat{box-sizing:border-box;width:min(760px,94vw);max-height:90vh;overflow:auto;border:1px solid #e6dfd6;border-radius:24px;padding:28px;background:#fffcf9;color:#2d2925;font:16px/1.5 system-ui,sans-serif}.contract-chat::backdrop{background:#28211e99;backdrop-filter:blur(4px)}.contract-chat header{display:flex;justify-content:space-between;align-items:start;gap:16px}.contract-chat h2{font-size:26px;margin:0}.contract-chat header p{margin:6px 0}.contract-chat [data-chat=close]{font:28px system-ui;background:#eee9e3;border:0;border-radius:12px;width:44px;height:44px;cursor:pointer}.contract-chat .chat-history{display:flex;flex-direction:column;gap:14px;margin:24px 0}.contract-chat .chat-message{max-width:88%;padding:14px 18px;border-radius:18px;background:#eee9e3;align-self:flex-start;overflow-wrap:anywhere}.contract-chat .chat-message.mine{align-self:flex-end;background:#ffe9d7}.contract-chat .chat-message p{white-space:pre-wrap;margin:8px 0 0}.contract-chat time{font-size:14px;color:#645b53}.contract-chat label{display:block;font-weight:600}.contract-chat textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b5a89c;border-radius:12px;font:inherit;margin:8px 0 12px;resize:vertical}.contract-chat [role=alert]{color:#9a351e}.contract-chat [role=status]{color:#245e32}.contract-chat button:disabled{opacity:.5;cursor:wait}.contract-chat :focus-visible{outline:3px solid #bd591c;outline-offset:3px}@media(max-width:600px){.contract-chat{padding:18px}.contract-chat .chat-message{max-width:95%}}

.tenant-documents input,.tenant-documents select{display:block;box-sizing:border-box;width:100%;font:inherit;margin:8px 0 16px;padding:10px;border:1px solid #b5a89c;border-radius:12px;background:white}.tenant-document{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #e6dfd6;overflow-wrap:anywhere}.tenant-document>div{min-width:0;max-width:100%}.tenant-document p{margin:5px 0;color:#645b53;font-size:14px}.tenant-documents [data-doc-close]{font:28px system-ui;border:0;border-radius:12px;min-width:44px;height:44px;cursor:pointer}
/* Conversation layout from the visual reference; document dialogs stay separate. */
.conversation-dialog{width:min(880px,94vw);padding:0;border-radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.conversation-dialog>header{padding:22px 26px;border-bottom:1px solid var(--line,#e9e3dc);background:white}
.conversation-dialog h2{font-size:24px;letter-spacing:-.03em;line-height:1.3}
.conversation-dialog>p{margin:14px 26px;font-size:14px;line-height:1.6}
.conversation-dialog>p:empty{display:none}
.conversation-dialog>[data-chat=refresh],.conversation-dialog>[data-chat=older]{margin:0 0 12px 26px;min-height:44px;font-size:14px}
.conversation-dialog .chat-history{min-height:220px;max-height:38vh;overflow-y:auto;overscroll-behavior:contain;background:white;margin:0;padding:22px 26px;gap:14px;border-top:1px solid var(--line,#e9e3dc)}
.conversation-dialog .chat-message{font-size:16px;line-height:1.6;padding:12px 16px;border-radius:14px;max-width:78%;background:var(--stone,#f1efec)}
.conversation-dialog .chat-message.mine{background:var(--orange-soft,#fff1e7)}
.conversation-dialog .chat-message>div{font-size:14px;display:flex;flex-wrap:wrap;gap:6px 10px}
.conversation-dialog .chat-message p{margin:6px 0 0}
.conversation-dialog .chat-compose{padding:20px 26px;border-top:1px solid var(--line,#e9e3dc);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;background:var(--paper,#fffdfc)}
.conversation-dialog .chat-compose label{grid-column:1/-1;font-size:14px}
.conversation-dialog .chat-compose textarea{margin:0;min-height:64px;max-height:180px;background:white;font-size:16px;line-height:1.5}
.conversation-dialog .chat-compose button{align-self:end;min-height:46px;font-size:14px}
.tenant-documents h2{font-size:24px;line-height:1.3}
.tenant-documents .tenant-document .btn{margin:6px 8px 0 0;min-height:44px;font-size:14px}
.tenant-documents input,.tenant-documents select{min-height:48px;margin:10px 0 22px}
.tenant-documents .btn{min-height:44px;margin-right:10px;margin-bottom:10px}
@media(max-width:600px){.conversation-dialog>header{padding:18px}.conversation-dialog .chat-history{padding:18px;max-height:34vh}.conversation-dialog .chat-compose{padding:18px;grid-template-columns:1fr}.conversation-dialog .chat-compose label{grid-column:auto}.conversation-dialog .chat-message{max-width:92%}}