.quote-plain{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:28rem;overflow:auto;padding:1rem;background:#f4f8f8;border-radius:.6rem}
[data-quote-line]{border:1px solid #d9e5e5;border-radius:.7rem;margin:1rem 0;padding:1rem}
.support-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.support-filters span{margin-left:.4rem;opacity:.7}#support-search{display:flex;align-items:end;gap:.75rem;margin-bottom:1rem}#support-search label{flex:1}.support-workspace{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);background:#fff;border:1px solid #d9e5e5;border-radius:12px;overflow:hidden}.support-inbox{border-right:1px solid #d9e5e5}.support-inbox-title{padding:1rem;color:#56716b;font-size:.85rem;border-bottom:1px solid #d9e5e5}.support-case{display:block;width:100%;text-align:left;padding:1rem;border:0;border-bottom:1px solid #e1eae6;border-radius:0;background:#fff;color:#233e36}.support-case strong,.support-case small,.support-file small{display:block;margin-top:.35rem;overflow-wrap:anywhere}.support-case.selected{background:#e9f5ef;box-shadow:inset 3px 0 #08765e}.support-case small,.support-muted{color:#5a7067;font-size:.85rem}.support-detail-head{padding:1.25rem}.support-detail-head h2{margin:.5rem 0}.support-detail-head p{overflow-wrap:anywhere}.support-tabs{display:flex;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #d9e5e5;padding:0 1.25rem}.support-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:.7rem 0;color:#5a7067}.support-tabs button.selected{border-bottom-color:#08765e;color:#08765e}.support-body{padding:1.25rem;min-width:0}.support-message{padding:1rem;margin-bottom:1rem;background:#f5f9f7;border-radius:9px}.support-message .quote-plain{padding:0;max-height:none;background:transparent}.support-note{border-left:3px solid #b8c8bf}.support-file{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #d9e5e5;overflow-wrap:anywhere}.support-file>div{min-width:0}.support-file strong{overflow-wrap:anywhere}.support-total{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #d9e5e5}.support-total strong{font-size:1.5rem}.support-pagination{padding:.75rem}.support-body textarea{min-height:120px;width:100%}.support-body table small{display:block}.support-body form{margin-bottom:1rem}#support-detail{min-width:0}@media(max-width:850px){.support-workspace{grid-template-columns:1fr}.support-inbox{border-right:0;border-bottom:1px solid #d9e5e5}.support-detail-head,.support-body{padding:1rem}#support-search{flex-wrap:wrap}}@media(prefers-color-scheme:dark){body.dark .support-workspace,body.dark .support-case{background:#182a25;color:#e5eee9}body.dark .support-case.selected,body.dark .support-message{background:#243b31}}
.support-mail-preview{display:block;width:100%;max-height:620px;overflow:auto;border:1px solid #dbe4e6;border-radius:8px;background:#f3f6f7}

/* Readable customer correspondence */
.support-conversation{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.support-conversation .support-message{margin:0;border:1px solid #dce7e8;border-left:4px solid #c4d4d7;background:#fff;padding:20px 22px}.support-conversation .support-outgoing{background:#eff9f9;border-left-color:#008994}.support-message-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e0e9ea}.support-message-head strong{display:block;font-size:15px}.support-direction{display:block;color:#53717a;font-size:12px;font-weight:600;margin-bottom:5px}.support-message-head time{white-space:nowrap;color:#66808a;font-size:12px}.support-message-text{font-family:inherit;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.support-message-text p{margin:0 0 14px}.support-message-text p:last-child{margin-bottom:0}.support-message-text a{color:#007e89;text-decoration:underline}.support-message-meta{font-size:12px;color:#6c8187;margin-top:18px}.support-quoted,.support-source,.support-send-history{margin-top:16px;border:1px solid #dde7e8;border-radius:8px;padding:12px;color:#567078}.support-quoted summary,.support-source summary,.support-send-history summary{cursor:pointer;font-size:13px;font-weight:600}.support-quoted[open] .support-message-text{margin-top:14px;font-size:14px}.support-send-history{margin-bottom:20px}.support-send-history .support-message{margin-top:12px}.support-send-history .support-message>small{display:block;margin-top:6px}#support-reply-form{padding:20px;border:1px solid #cbdfe2;border-radius:10px;background:#fff;margin-top:22px}#support-reply-body{min-height:180px;line-height:1.6;font-family:inherit}body.dark .support-conversation .support-message,body.dark #support-reply-form{background:#182a25;border-color:#375047}body.dark .support-conversation .support-outgoing{background:#203b38}@media(max-width:600px){.support-message-head{flex-direction:column;gap:8px}.support-conversation .support-message,#support-reply-form{padding:15px}.support-message-text{font-size:14px}}


/* Attachments belong to the message that carried them. */
.support-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,220px));gap:12px;margin:14px 0}
.support-attachment{border:1px solid #dce5e8;border-radius:10px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;color:#173541}
.support-attachment img{width:100%;height:140px;object-fit:contain;background:#f5f8f9;border-radius:6px}
.support-attachment strong{overflow-wrap:anywhere;font-size:13px}
.support-attachment small{color:#526974}
.support-attachment .row{margin-top:auto;flex-wrap:wrap;gap:12px}
.support-attachment-type{height:90px;display:grid;place-items:center;background:#f0f5f6;border-radius:6px;font-size:22px;font-weight:700;color:#527581}
@media(max-width:480px){.support-attachments{grid-template-columns:1fr}}