/* Inbox folders, Received and Sent badges, the record's Emails and messages list, last contact (inbox-map.js, record-timeline.js) */
.ib-folders{display:flex;flex-wrap:wrap;gap:2px 4px;padding:10px 12px 0;flex:none;border-bottom:1px solid var(--hair,var(--line))}
.ib-fold{display:flex;align-items:center;gap:6px;flex:none;padding:6px 8px;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap}
.ib-fold svg{width:15px;height:15px}
.ib-fold i{font-style:normal;font-weight:500;font-size:11.5px;min-width:18px;padding:0 5px;border-radius:999px;background:var(--paper-2);text-align:center}
.ib-fold:hover{color:var(--ink)}
.ib-fold.on{color:var(--green);border-bottom-color:var(--green)}
.ib-fold.on i{background:var(--green-wash);color:var(--green)}

/* the badge on each row and card: in is blue-grey, out is green, automatic is amber, newsletters grey */
.ib-dirb,.rt-badge,.lc-chip{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:1px 7px 1px 5px;border-radius:999px;line-height:1.6;white-space:nowrap}
.ib-dirb svg{width:12px;height:12px}
.ib-dirb.in,.rt-badge.in,.lc-chip.in{background:#E8EEF5;color:#2B4F75}
.ib-dirb.out,.rt-badge.out,.lc-chip.out{background:var(--green-wash,#E6F0EB);color:var(--green)}
.ib-dirb.auto,.rt-badge.auto{background:var(--gold-wash,#FBF1DC);color:var(--amber,#8A5A0B)}
.ib-dirb.news,.rt-badge.news,.rt-badge.draft{background:var(--paper-2);color:var(--ink-dim)}
.rt-badge.bk{background:#EEE9F6;color:#4E3B78}
.rt-badge.warn{background:#F8E6E3;color:#8C2F23}
.mail-dir.k-in{background:#E8EEF5;color:#2B4F75;border-color:transparent}
.mail-dir.k-notice,.mail-dir.k-booking,.mail-dir.k-reminder,.mail-dir.k-workflow,.mail-dir.k-signing,.mail-dir.k-invoice,.mail-dir.k-auto,.mail-dir.k-followup{background:var(--gold-wash,#FBF1DC);color:var(--amber,#8A5A0B)}
/* sent emails sit to the right with a green edge, received to the left with a blue edge */
.mail-card{border-left:3px solid #9DB4CC}
.mail-card.out{border-left-color:var(--green);margin-left:28px}
.mail-card:not(.out){margin-right:28px}

/* the record's Emails and messages */
.rt-filters{margin-bottom:10px;flex-wrap:wrap}
.rt-filters i{font-style:normal;opacity:.7;margin-left:2px}
.rt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rt-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--hair,var(--line));border-left:3px solid #9DB4CC;border-radius:10px;background:var(--card)}
.rt-row.rt-out{border-left-color:var(--green)}
.rt-row.rt-auto{border-left-color:var(--amber,#8A5A0B)}
.rt-row.rt-bk{border-left-color:#7A63A8}
.rt-row.rt-draft,.rt-row.rt-news{border-left-color:var(--line)}
.rt-main{min-width:0}
.rt-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.rt-when{margin-left:auto}
.rt-subj{font-weight:600;font-size:13.5px;margin-top:2px}
.rt-text summary{cursor:pointer;color:var(--ink-soft);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.rt-text p{white-space:pre-wrap;font-size:13.5px;margin:6px 0 0}
.rt-acts{display:flex;gap:12px;margin-top:4px}
.rt-note{margin:0 0 8px}
.rt-recent{margin-top:14px;padding-top:10px;border-top:1px solid var(--hair,var(--line))}
.rt-recent .rt-badge{margin-right:4px}
@media (max-width:640px){.rt-row{grid-template-columns:1fr}.mail-card.out{margin-left:10px}.mail-card:not(.out){margin-right:10px}}

/* last contact on cards and list rows */
.crm-card .lc-chip{margin-top:8px}
.cell-name .lc-chip{margin-left:8px;vertical-align:middle}
.lc-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:2px}