.project-chat{border:0;border-radius:18px;padding:0;width:min(560px,calc(100% - 28px));box-shadow:0 28px 80px rgba(4,28,69,.32)}.project-chat::backdrop{background:rgba(3,23,57,.55)}.project-chat>section{padding:22px;background:#f8fbff;color:#0b315f}.project-chat header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #dbe7f6;padding-bottom:14px}.project-chat h2{margin:3px 0;font-size:20px}.project-chat header span{font-size:12px;color:#6c82a3}.chat-messages{display:grid;gap:10px;max-height:370px;min-height:180px;overflow:auto;padding:16px 2px}.chat-bubble{max-width:82%;padding:10px 12px;border-radius:12px;background:#eaf1fa;color:#1d406e}.chat-bubble.mine{justify-self:end;background:linear-gradient(135deg,#096cf2,#00aee9);color:#fff}.chat-bubble strong,.chat-bubble time{display:block;font-size:11px}.chat-bubble p{margin:5px 0;font-size:14px;line-height:1.4}.chat-bubble time{opacity:.76}.chat-empty{color:#7287a8}.project-chat form textarea{box-sizing:border-box;width:100%;min-height:70px;border:1px solid #cbdcf2;border-radius:10px;padding:11px;font:inherit;resize:vertical}.project-chat form>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.project-chat form span{font-size:12px;color:#536f96}.project-chat .close{border:0;background:transparent;font-size:24px;color:#42658e;cursor:pointer}@media(max-width:620px){.project-chat{width:100%;height:100%;max-width:none;border-radius:0}.project-chat>section{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.chat-messages{flex:1;max-height:none}}