.messages-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}.messages-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.messages-dialog-head h2{margin:0}.messages-list{display:flex;flex-direction:column;gap:.7rem;max-height:48vh;overflow:auto;margin:1rem 0;padding:.75rem;border:1px solid #d2deec;border-radius:.75rem;background:#f4f8fd}.message-bubble{max-width:82%;padding:.7rem .85rem;border-radius:.8rem;background:#fff;border:1px solid #d2deec}.message-bubble.from-client{align-self:flex-end;background:#e8f2ff;border-color:#b5d0f3}.message-bubble.from-staff{align-self:flex-start}.message-bubble>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.message-bubble time{font-size:.75rem;color:#63748a;white-space:nowrap}.message-bubble p{margin:.45rem 0 0;overflow-wrap:anywhere;line-height:1.45}.message-unread{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;border-radius:999px;background:#b42318;color:#fff;font-size:.72rem;font-weight:800}.messages-dialog form[aria-disabled="true"]{display:none}.job-messages-button{white-space:nowrap}
html[data-theme="dark"] .messages-dialog{background:#101d2f;color:#eef4ff}html[data-theme="dark"] .messages-list{background:#0b1727;border-color:#365374}html[data-theme="dark"] .message-bubble{background:#182a42;border-color:#365374;color:#eef4ff}html[data-theme="dark"] .message-bubble.from-client{background:#123b69;border-color:#326da9}html[data-theme="dark"] .message-bubble time{color:#b8c7db}
@media(max-width:650px){.messages-dialog{width:calc(100vw - 14px);padding:1rem}.messages-dialog-head{position:sticky;top:-1rem;z-index:2;padding:.6rem 0;background:inherit}.message-bubble{max-width:94%}.message-bubble>div{align-items:flex-start;flex-direction:column;gap:.15rem}}