/* Emails: Outlook categories (labels), in Outlook's colours */
.mlcats { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 6px; vertical-align: middle; }
.mlcats.sm { margin: 4px 0 0; display: flex; }
.mlcat { display: inline-flex; align-items: center; gap: 5px; padding: 1px 8px 1px 6px; border-radius: 999px; font-size: .75rem; line-height: 1.5;
  background: color-mix(in srgb, var(--cat) 14%, transparent); color: var(--ink, inherit); border: 1px solid color-mix(in srgb, var(--cat) 45%, transparent); white-space: nowrap; }
.mlcat::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cat); flex: none; }
.mlcatrow { margin: 8px 0 4px; }
.mlcatform { border: 1px solid var(--line, #ddd); border-radius: 10px; padding: 10px 12px; margin: 8px 0; }
.mlcatform fieldset { border: 0; padding: 0; margin: 0; }
.mlcatform legend { font-weight: 600; font-size: .9rem; margin-bottom: 6px; }
.mlcatlist { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.mlcatopt { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.mlcatnew { margin: 8px 0; max-width: 320px; }
.cat0 { --cat: #E74856; }
.cat1 { --cat: #FF8C00; }
.cat2 { --cat: #AB6E2D; }
.cat3 { --cat: #E8B600; }
.cat4 { --cat: #13A10E; }
.cat5 { --cat: #00B7C3; }
.cat6 { --cat: #7A8B2C; }
.cat7 { --cat: #0078D4; }
.cat8 { --cat: #8764B8; }
.cat9 { --cat: #C239B3; }
.cat10 { --cat: #69797E; }
.cat11 { --cat: #4A5459; }
.cat12 { --cat: #8A8886; }
.cat13 { --cat: #605E5C; }
.cat14 { --cat: #252423; }
.cat15 { --cat: #A4262C; }
.cat16 { --cat: #C25A00; }
.cat17 { --cat: #6E4423; }
.cat18 { --cat: #986F0B; }
.cat19 { --cat: #0B6A0B; }
.cat20 { --cat: #03787C; }
.cat21 { --cat: #4B5320; }
.cat22 { --cat: #004E8C; }
.cat23 { --cat: #5C2E91; }
.cat24 { --cat: #8B1A6F; }