.tab-count{display:inline-block;min-width:1.5em;margin-left:.25em;padding:0 .3em;border-radius:999px;background:#e6edf0;color:#45616c;font-size:.78em;text-align:center}
.tabs button.active .tab-count{background:#bde4dd;color:#07565b}
.message{display:block;width:100%;text-align:left;border-top:0;border-right:0;border-bottom:0;cursor:pointer;font-weight:400}
.message:hover{background:#e6f4f1}
.message p{font-weight:400}
.preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.preview-heading span{font-size:.77rem;color:#6d7f89}
.standard-preview{border:1px solid #dce7eb;border-radius:10px;overflow:hidden}
.preview-row{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.7rem;padding:.55rem .75rem;border-bottom:1px solid #e7eef0;font-size:.83rem}
.preview-row:last-child{border-bottom:0}
.preview-row:nth-child(odd){background:#f7fafb}
.preview-row span{color:#607783}
.preview-row strong{font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.collaborator-box{margin-top:1.25rem;padding:1rem;border:1px solid #dce9e7;background:#f8fbfa;border-radius:11px}
.collaborator-box h3{margin:0}
.collaborator-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}
.person-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .45rem .22rem .7rem;background:#dff2ee;border-radius:99px;font-size:.82rem;color:#135e63}
.person-chip button{border:0;background:transparent;padding:0 .25rem;font-size:1.1rem;line-height:1}
.collaborator-box .button-row{align-items:center}
.collaborator-box select{flex:1;min-width:10rem}
@media(max-width:520px){.preview-row{grid-template-columns:1fr;gap:.1rem}}
.push-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.push-actions button{flex:1 1 auto}