.job-messages-dialog{width:min(780px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}.job-messages-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.job-messages-head h2{margin:0}.job-messages-list{display:flex;flex-direction:column;gap:.7rem;max-height:50vh;overflow:auto;margin:1rem 0;padding:.8rem;border:1px solid #c9d6e5;border-radius:.75rem;background:#f3f7fc}.job-message{max-width:82%;padding:.75rem .9rem;border:1px solid #c9d6e5;border-radius:.8rem;background:#fff}.job-message.staff{align-self:flex-end;background:#e6f1ff;border-color:#a8c8ec}.job-message.client{align-self:flex-start}.job-message>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.job-message time{font-size:.75rem;color:#62738a;white-space:nowrap}.job-message p{margin:.45rem 0 0;overflow-wrap:anywhere;line-height:1.45}.job-messages-dialog form[aria-disabled="true"]{display:none}
html[data-theme="dark"] .job-messages-dialog{background:#101d2f;color:#eef4ff}html[data-theme="dark"] .job-messages-list{background:#0b1727;border-color:#365374}html[data-theme="dark"] .job-message{background:#182a42;border-color:#365374;color:#eef4ff}html[data-theme="dark"] .job-message.staff{background:#123b69;border-color:#326da9}html[data-theme="dark"] .job-message time{color:#b8c7db}
@media(max-width:650px){.job-messages-dialog{width:calc(100vw - 14px);padding:1rem}.job-messages-head{position:sticky;top:-1rem;z-index:2;padding:.6rem 0;background:inherit}.job-message{max-width:94%}.job-message>div{flex-direction:column;gap:.15rem;align-items:flex-start}}