/* Parkmed Work OS 0.9 | conversation panel (D-024), drawn by wos-mail.js on the task page and the proposal cards.
 * Salt and pepper (docs/DESIGN.md): the shared grey tokens only; a message waiting for review has a dashed rule,
 * an error is bold ink. */
.wos-mail-panel{margin:16px 0;padding:16px;border:1px solid var(--wos-line);border-radius:var(--wos-r-lg)}
.wos-mail-panel h3,.wos-mail-panel h4{margin:0 0 10px}.wos-mail-panel .wos-row{justify-content:space-between}
.wos-mail-entry{padding:12px 0;border-bottom:1px solid var(--wos-line2)}.wos-mail-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;max-height:360px;overflow:auto}
.wos-mail-compose{display:grid;gap:12px;margin-top:18px}.wos-mail-compose label{display:grid;gap:4px}.wos-mail-review{border-left:3px dashed var(--wos-ink);padding-left:10px}
.wos-mail-error{color:var(--wos-ink);font-weight:700;overflow-wrap:anywhere}.wos-mail-outbox{font-size:13px;margin-top:16px}.wos-mail-outbox>div{padding:8px 0}
.wos-mail-send-preview:not(:empty){border:1px solid var(--wos-line);padding:16px;border-radius:var(--wos-r)}.wos-mail-panel button{margin-right:6px}
/* the fold: the title takes the free space, so the count, Refresh and the chevron sit at the right */
.wos-mail-panel>.wos-row>h3{margin-right:auto}.wos-mail-panel .wos-mail-fold{margin-right:0}.wos-mail-panel-shut>.wos-row>h3{margin-bottom:0}.wos-mail-panel-shut>.wos-mail-error:empty{display:none}