/* Data1-thema voor Roundcube: licht, rustig, in de stijl van moderne webmail.
   Bouwt voort op Elastic; alleen overschrijvingen. Donkere modus blijft Elastic. */

html {
  --d1-canvas: #f6f8fc;
  --d1-panel: #ffffff;
  --d1-ink: #1f1f1f;
  --d1-muted: #444746;
  --d1-line: #e3e8ef;
  --d1-hover: #e9eef6;
  --d1-selected: #d3e3fd;
  --d1-compose: #c2e7ff;
  --d1-blue: #0b57d0;
  --d1-on-selected: #001d35;
  --d1-unread-row: #ffffff;
  --d1-read-row: #f2f6fc;
  --d1-row-selected: #c2dbff;
  --d1-row-line: #f1f3f4;
}
html.dark-mode {
  --d1-canvas: #131314;
  --d1-panel: #1e1f20;
  --d1-ink: #e3e3e3;
  --d1-muted: #c4c7c5;
  --d1-line: #2d2e30;
  --d1-hover: #2a2b2e;
  --d1-selected: #004a77;
  --d1-compose: #004a77;
  --d1-blue: #a8c7fa;
  --d1-on-selected: #c2e7ff;
  --d1-unread-row: #1e1f20;
  --d1-read-row: #1a1b1c;
  --d1-row-selected: #003355;
  --d1-row-line: #2a2b2d;
}

body, .form-control, button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- inloggen ---------- */
body.task-login { background: var(--d1-canvas) !important; }
.task-login #layout-content {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; background: transparent !important; padding: 24px 16px;
}
.task-login #logo {
  position: static !important; top: auto !important; display: block;
  width: 100%; max-width: 440px; max-height: none !important; height: 108px;
  box-sizing: border-box; padding: 44px 0 8px; object-fit: contain;
  border-radius: 28px 28px 0 0; margin-bottom: -1px;
}
.task-login #logo { background: var(--d1-panel); }
.task-login #login-form {
  top: auto !important; width: 100%; max-width: 440px !important; box-sizing: border-box;
  padding: 8px 40px 36px; border-radius: 0 0 28px 28px;
}
.task-login #login-form { background: var(--d1-panel); box-shadow: 0 1px 2px rgba(60,64,67,.08); }
.task-login #login-form::before {
  content: "Inloggen"; display: block; font-size: 30px; font-weight: 400; margin: 6px 0 4px; color: inherit;
}
.task-login #login-form .input-group,
.task-login #login-form .form-control { height: 56px; }
.task-login #login-form .form-control {
  border-radius: 12px !important; font-size: 17px; padding: 0 16px;
  border: 1px solid #747775 !important; box-shadow: none !important;
}
.task-login #login-form .form-control:focus { border: 2px solid var(--d1-blue, #0b57d0) !important; padding: 0 15px; }
.task-login #login-form .input-group-prepend,
.task-login #login-form .input-group-text { display: none !important; }
.task-login #login-form .input-group > .form-control { border-radius: 12px !important; }
.task-login #login-form tr { margin: 0 0 14px; }
.task-login #login-form td.input { padding: 0; }
.task-login #login-form td.input > .form-control { flex: 1 1 auto; width: 100%; }
#rcmloginsubmit {
  height: 48px; border-radius: 999px !important; border: 0 !important;
  background: #0b57d0 !important; color: #fff !important; font-size: 16px; font-weight: 600;
  margin-top: 10px; transition: background .15s, box-shadow .15s; text-transform: none !important; letter-spacing: 0;
}
#rcmloginsubmit:hover { background: #0842a0 !important; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.task-login #login-footer { margin-top: 18px; font-size: 13px; opacity: .7; }

/* donkere modus: zelfde kaart, donkere tinten */
html.dark-mode body.task-login { background: #131314 !important; }
html.dark-mode .task-login #logo, html.dark-mode .task-login #login-form { background: #1e1f20; }
html.dark-mode .task-login #login-form, html.dark-mode .task-login #login-form .form-control { color: #e3e3e3; }
html.dark-mode .task-login #login-form .form-control { background: transparent !important; border-color: #8e918f !important; }
html.dark-mode #rcmloginsubmit { background: #a8c7fa !important; color: #062e6f !important; }
html.dark-mode #rcmloginsubmit:hover { background: #d3e3fd !important; }

/* ---------- binnen ---------- */
html body:not(.task-login),
html body:not(.task-login) #layout { background: var(--d1-canvas) !important; color: var(--d1-ink); }

/* frames (leesvenster, instellingen) wit zoals het paneel eromheen */
html.iframe body:not(.task-login), html.iframe body:not(.task-login) #layout { background: var(--d1-panel) !important; }

/* linkermenu (taken) licht in plaats van donkergrijs */
html #layout-menu,
html #layout-menu .popover-header,
html #layout-menu .special-buttons { background: var(--d1-canvas) !important; border: 0 !important; }
html #layout-menu #taskmenu a { color: var(--d1-muted) !important; border-radius: 16px; margin: 2px 6px; border: 0 !important; transition: background .15s; }
html #layout-menu #taskmenu a { background: transparent !important; }
html #layout-menu #taskmenu a:hover { background: var(--d1-hover) !important; }
html #layout-menu #taskmenu a.selected { background: var(--d1-selected) !important; color: var(--d1-on-selected) !important; }
/* Opstellen-knop: grote lichtblauwe knop */
html #layout-menu #taskmenu a.compose {
  background: var(--d1-compose) !important; color: var(--d1-on-selected) !important; border-radius: 16px;
  margin: 8px 6px 14px; box-shadow: 0 1px 2px rgba(60,64,67,.15);
}
html #layout-menu #taskmenu a.compose:hover { box-shadow: 0 1px 3px rgba(60,64,67,.3), 0 4px 8px rgba(60,64,67,.15); }

/* mappenkolom op het canvas, pilvormige selectie */
html #layout-sidebar { background: var(--d1-canvas) !important; border: 0 !important; }
html #layout-sidebar .header,
html #layout-sidebar .footer { background: transparent !important; border: 0 !important; }
html #layout-sidebar .listing li { border: 0 !important; }
html #layout-sidebar .listing li > a { border-radius: 0 999px 999px 0 !important; margin-right: 14px !important; width: auto !important; color: var(--d1-ink); }
html #layout-sidebar .listing li:not(.selected) > a:hover { background: var(--d1-hover); }
html #layout-sidebar .listing li.selected,
html #layout-sidebar .listing li.selected > a { background: transparent; }
html #layout-sidebar .listing li.selected > a { background: var(--d1-selected) !important; color: var(--d1-on-selected) !important; font-weight: 700; }
html #layout-sidebar .listing li .unreadcount { background: transparent !important; color: inherit !important; font-weight: 700; }

/* berichtenlijst en leesvenster als witte, afgeronde panelen */
html #layout-list,
html #layout-content:not(.no-navbar) {
  background: var(--d1-panel) !important; border: 0 !important; border-radius: 16px; overflow: hidden;
  margin: 8px 8px 16px 0;
}
html #layout-list + #layout-content { margin-left: 0; }
html #layout-list .header,
html #layout-content .header,
html #layout-list .pagenav,
html #layout-content .footer { background: var(--d1-panel) !important; border-color: var(--d1-line) !important; }

/* zoekbalk: grote afgeronde balk */
html .searchbar { background: var(--d1-hover) !important; border-radius: 999px; border: 0 !important; }
html .searchbar input { background: transparent !important; border: 0 !important; }

/* berichten: ongelezen vet, rustige hover, lichtblauwe selectie */
html table.messagelist tr td { border-color: var(--d1-row-line) !important; }
html table.messagelist tr:not(.unread) td { background: var(--d1-read-row); }
html table.messagelist tr.unread td { background: var(--d1-unread-row); }
html table.messagelist tr:hover td { box-shadow: inset 0 -1px 0 var(--d1-line), inset 0 1px 0 var(--d1-line); }
html table.messagelist tr.selected td,
html table.messagelist tr.focused.selected td { background: var(--d1-row-selected) !important; color: var(--d1-ink) !important; }
html table.messagelist tr.unread .subject,
html table.messagelist tr.unread .fromto { color: var(--d1-ink); font-weight: 700; }

/* knoppen in de werkbalk iets ronder */
html .toolbar a.button { border-radius: 12px; }
html .toolbar a.button:hover { background: var(--d1-hover); }
.btn { border-radius: 999px; }
html:not(.dark-mode) .btn-primary { background: #0b57d0; border-color: #0b57d0; }
html:not(.dark-mode) .btn-primary:hover { background: #0842a0; border-color: #0842a0; }

/* takenmenu iets breder zodat de labels niet worden afgekapt */
@media screen and (min-width: 1025px) {
  #layout-menu { width: 128px !important; }
  #layout-menu .popover-header img { max-width: 128px; }
  #layout-menu #taskmenu a { white-space: nowrap; }
  #layout-menu #taskmenu a .inner { overflow: visible; text-overflow: clip; }
}
/* lijst wat luchtiger, rustiger datum */
html table.messagelist td.subject span.date { opacity: .75; }
html #layout-sidebar .listing li > a { padding-top: .35rem; padding-bottom: .35rem; }
html #layout-sidebar .listing li { position: relative; }
html #layout-sidebar .listing li .unreadcount {
  position: absolute !important; right: 30px !important; top: 50% !important; transform: translateY(-50%);
  margin: 0 !important; line-height: 1 !important; padding: 0 !important; font-size: .85rem;
}

/* ---------- moderne lijn-iconen (Lucide-stijl, ISC) en lettertype ---------- */
:root {--ic-compose: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020h9%22/%3E%3Cpath%20d%3D%22M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4Z%22/%3E%3C/svg%3E"); --ic-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22/%3E%3C/svg%3E"); --ic-mailopen: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.2%208.4c.5.38.8.97.8%201.6v10a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V10a2%202%200%200%201%20.8-1.6l8-6a2%202%200%200%201%202.4%200l8%206Z%22/%3E%3Cpath%20d%3D%22m22%2010-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%2010%22/%3E%3C/svg%3E"); --ic-contacts: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E"); --ic-user: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22/%3E%3Cpath%20d%3D%22M20%2021a8%208%200%200%200-16%200%22/%3E%3C/svg%3E"); --ic-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); --ic-moon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22/%3E%3C/svg%3E"); --ic-sun: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2M12%2020v2M4.93%204.93l1.41%201.41M17.66%2017.66l1.41%201.41M2%2012h2M20%2012h2M6.34%2017.66l-1.41%201.41M19.07%204.93l-1.41%201.41%22/%3E%3C/svg%3E"); --ic-about: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%2016v-4%22/%3E%3Cpath%20d%3D%22M12%208h.01%22/%3E%3C/svg%3E"); --ic-help: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22/%3E%3Cpath%20d%3D%22M12%2017h.01%22/%3E%3C/svg%3E"); --ic-logout: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22/%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5%22/%3E%3Cpath%20d%3D%22M21%2012H9%22/%3E%3C/svg%3E"); --ic-inbox: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22/%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22/%3E%3C/svg%3E"); --ic-drafts: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22/%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22/%3E%3Cpath%20d%3D%22M10%2013h4M10%2017h4%22/%3E%3C/svg%3E"); --ic-sent: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4Z%22/%3E%3Cpath%20d%3D%22M22%202%2011%2013%22/%3E%3C/svg%3E"); --ic-junk: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%208v4%22/%3E%3Cpath%20d%3D%22M12%2016h.01%22/%3E%3Cpath%20d%3D%22M7.86%202h8.28L22%207.86v8.28L16.14%2022H7.86L2%2016.14V7.86Z%22/%3E%3C/svg%3E"); --ic-notjunk: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22/%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22/%3E%3C/svg%3E"); --ic-trash: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18%22/%3E%3Cpath%20d%3D%22M19%206v14c0%201-1%202-2%202H7c-1%200-2-1-2-2V6%22/%3E%3Cpath%20d%3D%22M8%206V4c0-1%201-2%202-2h4c1%200%202%201%202%202v2%22/%3E%3C/svg%3E"); --ic-archive: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%225%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M4%208v11a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8%22/%3E%3Cpath%20d%3D%22M10%2012h4%22/%3E%3C/svg%3E"); --ic-folder: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2020a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2h-7.9a2%202%200%200%201-1.69-.9L9.6%203.9A2%202%200%200%200%207.93%203H4a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202Z%22/%3E%3C/svg%3E"); --ic-reply: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2017-5-5%205-5%22/%3E%3Cpath%20d%3D%22M20%2018v-2a4%204%200%200%200-4-4H4%22/%3E%3C/svg%3E"); --ic-replyall: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m7%2017-5-5%205-5%22/%3E%3Cpath%20d%3D%22m12%2017-5-5%205-5%22/%3E%3Cpath%20d%3D%22M22%2018v-2a4%204%200%200%200-4-4H7%22/%3E%3C/svg%3E"); --ic-forward: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2017%205-5-5-5%22/%3E%3Cpath%20d%3D%22M4%2018v-2a4%204%200%200%201%204-4h12%22/%3E%3C/svg%3E"); --ic-tag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221%22/%3E%3C/svg%3E"); --ic-more: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22/%3E%3C/svg%3E"); --ic-select: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22/%3E%3C/svg%3E"); --ic-threads: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%209a2%202%200%200%201-2%202H6l-4%204V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202z%22/%3E%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v11l-4-4h-6a2%202%200%200%201-2-2v-1%22/%3E%3C/svg%3E"); --ic-options: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%204h-7M10%204H3M21%2012h-9M8%2012H3M21%2020h-5M12%2020H3M14%202v4M8%2010v4M16%2018v4%22/%3E%3C/svg%3E"); --ic-refresh: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-9-9c2.52%200%204.93%201%206.74%202.74L21%208%22/%3E%3Cpath%20d%3D%22M21%203v5h-5%22/%3E%3C/svg%3E"); --ic-search: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22/%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22/%3E%3C/svg%3E"); --ic-print: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22/%3E%3Cpath%20d%3D%22M6%209V3a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v6%22/%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2212%22%20height%3D%228%22%20rx%3D%221%22/%3E%3C/svg%3E"); --ic-download: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22/%3E%3Cpath%20d%3D%22M12%2015V3%22/%3E%3C/svg%3E"); --ic-upload: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpath%20d%3D%22m17%208-5-5-5%205%22/%3E%3Cpath%20d%3D%22M12%203v12%22/%3E%3C/svg%3E"); --ic-save: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15.2%203a2%202%200%200%201%201.4.6l3.8%203.8a2%202%200%200%201%20.6%201.4V19a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%22/%3E%3Cpath%20d%3D%22M17%2021v-7a1%201%200%200%200-1-1H8a1%201%200%200%200-1%201v7%22/%3E%3Cpath%20d%3D%22M7%203v4a1%201%200%200%200%201%201h7%22/%3E%3C/svg%3E"); --ic-attach: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l8.57-8.57A4%204%200%201%201%2018%208.84l-8.59%208.57a2%202%200%200%201-2.83-2.83l8.49-8.48%22/%3E%3C/svg%3E"); --ic-signature: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020h9%22/%3E%3Cpath%20d%3D%22M16.376%203.622a1%201%200%200%201%203.002%203.002L7.368%2018.635a2%202%200%200%201-.855.506l-2.872.838a.5.5%200%200%201-.62-.62l.838-2.872a2%202%200%200%201%20.506-.854z%22/%3E%3C/svg%3E"); --ic-responses: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22/%3E%3Cpath%20d%3D%22M13%208H7M17%2012H7%22/%3E%3C/svg%3E"); --ic-spell: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2016%206-12%206%2012%22/%3E%3Cpath%20d%3D%22M8%2012h8%22/%3E%3Cpath%20d%3D%22m16%2020%202%202%204-4%22/%3E%3C/svg%3E"); --ic-copy: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22/%3E%3C/svg%3E"); --ic-move: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209V5a2%202%200%200%201%202-2h3.93a2%202%200%200%201%201.66.9l.82%201.2a2%202%200%200%200%201.66.9H20a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H2%22/%3E%3Cpath%20d%3D%22m8%2016%203-3-3-3%22/%3E%3Cpath%20d%3D%22M2%2013h9%22/%3E%3C/svg%3E"); --ic-flag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201z%22/%3E%3Cpath%20d%3D%22M4%2022v-7%22/%3E%3C/svg%3E"); --ic-prev: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22/%3E%3C/svg%3E"); --ic-next: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22/%3E%3C/svg%3E"); --ic-first: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m11%2017-5-5%205-5%22/%3E%3Cpath%20d%3D%22m18%2017-5-5%205-5%22/%3E%3C/svg%3E"); --ic-last: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2017%205-5-5-5%22/%3E%3Cpath%20d%3D%22m13%2017%205-5-5-5%22/%3E%3C/svg%3E"); --ic-back: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2019-7-7%207-7%22/%3E%3Cpath%20d%3D%22M19%2012H5%22/%3E%3C/svg%3E"); --ic-plus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22/%3E%3Cpath%20d%3D%22M12%205v14%22/%3E%3C/svg%3E"); --ic-edit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22/%3E%3C/svg%3E"); --ic-extwin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22/%3E%3Cpath%20d%3D%22M10%2014%2021%203%22/%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22/%3E%3C/svg%3E"); --ic-source: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%2018%206-6-6-6%22/%3E%3Cpath%20d%3D%22m8%206-6%206%206%206%22/%3E%3C/svg%3E"); --ic-filter: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%203H2l8%209.46V19l4%202v-8.54z%22/%3E%3C/svg%3E"); --ic-key: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2215.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22m21%202-9.6%209.6%22/%3E%3Cpath%20d%3D%22m15.5%207.5%203%203L22%207l-3-3%22/%3E%3C/svg%3E"); --ic-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22/%3E%3C/svg%3E"); --ic-idcard: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22M14%2010h4M14%2014h4%22/%3E%3C/svg%3E"); --ic-palm: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%208c0-2.76-2.46-5-5.5-5S2%205.24%202%208h2l1-1%201%201h4%22/%3E%3Cpath%20d%3D%22M13%207.14A5.82%205.82%200%200%201%2016.5%206c3.04%200%205.5%202.24%205.5%205h-3l-1-1-1%201h-3%22/%3E%3Cpath%20d%3D%22M5.89%209.71c-2.15%202.15-2.3%205.47-.35%207.43l4.24-4.25.7-.7.71-.71%202.12-2.12c-1.95-1.96-5.27-1.8-7.42.35%22/%3E%3Cpath%20d%3D%22M11%2015.5c.5%202.5-.17%204.5-1%206.5h4c2-5.5-.5-12-1-14%22/%3E%3C/svg%3E"); --ic-monitor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%223%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E"); --ic-server: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%222%22/%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M6%206h.01M6%2018h.01%22/%3E%3C/svg%3E"); --ic-palette: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%226.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2210.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%227.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2212.5%22%20r%3D%221%22/%3E%3Cpath%20d%3D%22M12%202C6.5%202%202%206.5%202%2012s4.5%2010%2010%2010c.926%200%201.648-.746%201.648-1.688%200-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64%201.64%200%200%201%201.668-1.668h1.996c3.051%200%205.555-2.503%205.555-5.554C21.965%206.012%2017.461%202%2012%202z%22/%3E%3C/svg%3E"); --ic-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22/%3E%3C/svg%3E"); --ic-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22/%3E%3C/svg%3E"); --ic-x: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22/%3E%3C/svg%3E"); --ic-expand: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m7%2015%205%205%205-5%22/%3E%3Cpath%20d%3D%22m7%209%205-5%205%205%22/%3E%3C/svg%3E"); --ic-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.06%2012.35a1%201%200%200%201%200-.7%2010.75%2010.75%200%200%201%2019.88%200%201%201%200%200%201%200%20.7%2010.75%2010.75%200%200%201-19.88%200%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); --ic-rows: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M3%209h18M3%2015h18%22/%3E%3C/svg%3E"); --ic-rowscompact: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M3%207.5h18M3%2012h18M3%2016.5h18%22/%3E%3C/svg%3E"); --ic-list: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h.01M3%2018h.01M3%206h.01M8%2012h13M8%2018h13M8%206h13%22/%3E%3C/svg%3E"); --ic-dot: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3C/svg%3E"); --ic-star: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22/%3E%3C/svg%3E"); }

/* lettertype: SF Pro (Apple) met nette terugval op Windows/Android */
:root { --d1-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif; }
body, body *:not(pre):not(code):not(kbd):not(samp):not(.mce-content-body) { font-family: var(--d1-font) !important; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -.003em; }

/* alle iconen met een masker: kleur volgt de tekst, scherp op elk formaat */
.d1i:before, #taskmenu a:before, .folderlist li > a:before, .listing.iconized li.addressbook > a:before, .listing.iconized li.contactgroup > a:before, .listing.iconized li.data1theme > a:before, .listing.iconized li.filter > a:before, .listing.iconized li.folders > a:before, .listing.iconized li.forward > a:before, .listing.iconized li.identities > a:before, .listing.iconized li.info > a:before, .listing.iconized li.password > a:before, .listing.iconized li.preferences > a:before, .listing.iconized li.responses > a:before, .listing.iconized li.twofactorauth > a:before, .listing.iconized li.userinfo > a:before, .listing.iconized li.vacation > a:before, .listing.iconized tr.addressbook > td.section:before, .listing.iconized tr.calendar > td.section:before, .listing.iconized tr.compose > td.section:before, .listing.iconized tr.encryption > td.section:before, .listing.iconized tr.folders > td.section:before, .listing.iconized tr.general > td.section:before, .listing.iconized tr.mailbox > td.section:before, .listing.iconized tr.mailview > td.section:before, .listing.iconized tr.server > td.section:before, .menu a.about:before, .menu a.addressbook:before, .menu a.archive:before, .menu a.attach:before, .menu a.back:before, .menu a.calendar:before, .menu a.closewin:before, .menu a.collapse:before, .menu a.compose:before, .menu a.contacts:before, .menu a.copy:before, .menu a.create:before, .menu a.delete:before, .menu a.download:before, .menu a.edit:before, .menu a.expand:before, .menu a.export:before, .menu a.expunge:before, .menu a.extwin:before, .menu a.filterlink:before, .menu a.firstpage:before, .menu a.flag:before, .menu a.folders:before, .menu a.forward.attachment:before, .menu a.forward.inline:before, .menu a.forward:before, .menu a.help:before, .menu a.import:before, .menu a.insertresponse:before, .menu a.junk:before, .menu a.lastpage:before, .menu a.logout:before, .menu a.mail:before, .menu a.markmessage:before, .menu a.more:before, .menu a.move:before, .menu a.next:before, .menu a.nextpage:before, .menu a.notjunk:before, .menu a.options:before, .menu a.prev:before, .menu a.prevpage:before, .menu a.print:before, .menu a.properties:before, .menu a.purge:before, .menu a.qrcode:before, .menu a.read:before, .menu a.refresh:before, .menu a.remove:before, .menu a.rename:before, .menu a.reply-all:before, .menu a.reply.all:before, .menu a.reply.list:before, .menu a.reply:before, .menu a.responses:before, .menu a.save:before, .menu a.search:before, .menu a.select:before, .menu a.send:before, .menu a.settings:before, .menu a.signature:before, .menu a.source:before, .menu a.spellcheck:before, .menu a.status:before, .menu a.threads:before, .menu a.undo:before, .menu a.unflag:before, .menu a.unread:before, .menu a.upload:before, .menu a.vcard:before, .messagelist span.attachment span:before, .messagelist span.flagged:before {
  content: "" !important; background-color: currentColor !important; font-size: inherit;
  -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat;
}
#layout > div > .header a.button:before, .toolbar a.button:before { -webkit-mask-size: 22px; mask-size: 22px; }

.menu a.compose { --ic: var(--ic-compose); }
.menu a.mail { --ic: var(--ic-mail); }
.menu a.contacts { --ic: var(--ic-contacts); }
.menu a.settings { --ic: var(--ic-settings); }
.menu a.about { --ic: var(--ic-about); }
.menu a.help { --ic: var(--ic-help); }
.menu a.logout { --ic: var(--ic-logout); }
.menu a.reply { --ic: var(--ic-reply); }
.menu a.reply-all { --ic: var(--ic-replyall); }
.menu a.reply.all { --ic: var(--ic-replyall); }
.menu a.reply.list { --ic: var(--ic-replyall); }
.menu a.forward { --ic: var(--ic-forward); }
.menu a.forward.inline { --ic: var(--ic-forward); }
.menu a.forward.attachment { --ic: var(--ic-attach); }
.menu a.delete { --ic: var(--ic-trash); }
.menu a.junk { --ic: var(--ic-junk); }
.menu a.notjunk { --ic: var(--ic-notjunk); }
.menu a.markmessage { --ic: var(--ic-tag); }
.menu a.more { --ic: var(--ic-more); }
.menu a.select { --ic: var(--ic-select); }
.menu a.threads { --ic: var(--ic-threads); }
.menu a.options { --ic: var(--ic-options); }
.menu a.refresh { --ic: var(--ic-refresh); }
.menu a.search { --ic: var(--ic-search); }
.menu a.print { --ic: var(--ic-print); }
.menu a.download { --ic: var(--ic-download); }
.menu a.import { --ic: var(--ic-upload); }
.menu a.export { --ic: var(--ic-download); }
.menu a.upload { --ic: var(--ic-upload); }
.menu a.save { --ic: var(--ic-save); }
.menu a.attach { --ic: var(--ic-attach); }
.menu a.signature { --ic: var(--ic-signature); }
.menu a.responses { --ic: var(--ic-responses); }
.menu a.insertresponse { --ic: var(--ic-responses); }
.menu a.spellcheck { --ic: var(--ic-spell); }
.menu a.copy { --ic: var(--ic-copy); }
.menu a.move { --ic: var(--ic-move); }
.menu a.flag { --ic: var(--ic-flag); }
.menu a.unflag { --ic: var(--ic-flag); }
.menu a.read { --ic: var(--ic-mailopen); }
.menu a.unread { --ic: var(--ic-mail); }
.menu a.archive { --ic: var(--ic-archive); }
.menu a.prev { --ic: var(--ic-prev); }
.menu a.next { --ic: var(--ic-next); }
.menu a.prevpage { --ic: var(--ic-prev); }
.menu a.nextpage { --ic: var(--ic-next); }
.menu a.firstpage { --ic: var(--ic-first); }
.menu a.lastpage { --ic: var(--ic-last); }
.menu a.back { --ic: var(--ic-back); }
.menu a.create { --ic: var(--ic-plus); }
.menu a.edit { --ic: var(--ic-edit); }
.menu a.extwin { --ic: var(--ic-extwin); }
.menu a.source { --ic: var(--ic-source); }
.menu a.send { --ic: var(--ic-sent); }
.menu a.folders { --ic: var(--ic-folder); }
.menu a.filterlink { --ic: var(--ic-filter); }
.menu a.addressbook { --ic: var(--ic-contacts); }
.menu a.vcard { --ic: var(--ic-idcard); }
.menu a.properties { --ic: var(--ic-options); }
.menu a.expand { --ic: var(--ic-expand); }
.menu a.collapse { --ic: var(--ic-expand); }
.menu a.status { --ic: var(--ic-eye); }
.menu a.qrcode { --ic: var(--ic-select); }
.menu a.purge { --ic: var(--ic-trash); }
.menu a.expunge { --ic: var(--ic-trash); }
.menu a.remove { --ic: var(--ic-x); }
.menu a.undo { --ic: var(--ic-back); }
.menu a.closewin { --ic: var(--ic-x); }
.menu a.rename { --ic: var(--ic-edit); }
.menu a.calendar { --ic: var(--ic-calendar); }
.listing.iconized li.preferences > a { --ic: var(--ic-options); }
.listing.iconized li.folders > a { --ic: var(--ic-folder); }
.listing.iconized li.responses > a { --ic: var(--ic-responses); }
.listing.iconized li.identities > a { --ic: var(--ic-idcard); }
.listing.iconized li.password > a { --ic: var(--ic-key); }
.listing.iconized li.filter > a { --ic: var(--ic-filter); }
.listing.iconized li.vacation > a { --ic: var(--ic-palm); }
.listing.iconized li.forward > a { --ic: var(--ic-forward); }
.listing.iconized li.info > a { --ic: var(--ic-about); }
.listing.iconized li.userinfo > a { --ic: var(--ic-about); }
.listing.iconized li.twofactorauth > a { --ic: var(--ic-lock); }
.listing.iconized li.data1theme > a { --ic: var(--ic-palette); }
.listing.iconized li.addressbook > a { --ic: var(--ic-contacts); }
.listing.iconized li.contactgroup > a { --ic: var(--ic-contacts); }
.listing.iconized tr.general > td.section { --ic: var(--ic-monitor); }
.listing.iconized tr.mailbox > td.section { --ic: var(--ic-inbox); }
.listing.iconized tr.mailview > td.section { --ic: var(--ic-mailopen); }
.listing.iconized tr.compose > td.section { --ic: var(--ic-compose); }
.listing.iconized tr.addressbook > td.section { --ic: var(--ic-contacts); }
.listing.iconized tr.folders > td.section { --ic: var(--ic-folder); }
.listing.iconized tr.server > td.section { --ic: var(--ic-server); }
.listing.iconized tr.encryption > td.section { --ic: var(--ic-lock); }
.listing.iconized tr.calendar > td.section { --ic: var(--ic-calendar); }
.menu a.theme.dark, #taskmenu a.theme.dark { --ic: var(--ic-moon); }
.menu a.theme.light, #taskmenu a.theme.light, html.dark-mode #taskmenu a.theme { --ic: var(--ic-sun); }
.messagelist span.flagged { --ic: var(--ic-flag); }
.messagelist span.attachment span { --ic: var(--ic-attach); }
.listing.iconized li a:before { width: 1.25em !important; }

#taskmenu a:before { display: block; width: 22px !important; height: 22px; margin: 0 auto 4px !important; float: none !important; line-height: 0 !important; -webkit-mask-size: 22px; mask-size: 22px; }
@media screen and (min-width: 481px) {
  #layout-menu #taskmenu a { height: auto !important; padding: 9px 0 8px !important; line-height: 1.2 !important; }
  #layout-menu #taskmenu a .inner { display: block; font-size: .8rem; font-weight: 500; letter-spacing: .01em; }
}
.folderlist li > a:before { display: inline-block; width: 18px !important; height: 18px; margin-right: .8rem !important; vertical-align: middle; position: relative; top: 2px; -webkit-mask-size: 18px; mask-size: 18px; }
.folderlist li > a { --ic: var(--ic-folder); }
.folderlist li.inbox > a { --ic: var(--ic-inbox); }
.folderlist li.drafts > a { --ic: var(--ic-drafts); }
.folderlist li.sent > a { --ic: var(--ic-sent); }
.folderlist li.junk > a { --ic: var(--ic-junk); }
.folderlist li.trash > a { --ic: var(--ic-trash); }
.folderlist li.archive > a { --ic: var(--ic-archive); }
/* Opstellen: groter en duidelijker */
html #layout-menu #taskmenu a.compose { padding: 12px 0 11px !important; }
html #layout-menu #taskmenu a.compose .inner { font-size: .86rem; font-weight: 600; }
html #layout-menu #taskmenu a.compose:before { width: 24px !important; height: 24px; -webkit-mask-size: 24px; mask-size: 24px; }
#layout-menu #taskmenu a.contacts .inner { font-size: .72rem; letter-spacing: -.01em; }
/* Data1-logo bovenin het menu */
#layout-menu .popover-header img#logo { max-height: 44px !important; padding: 0 !important; margin-top: 10px; }

/* zoekbalk: iconen op tekstformaat */
.searchbar form:before { content: "" !important; background-color: currentColor !important; --ic: var(--ic-search); -webkit-mask: var(--ic) center / 17px no-repeat; mask: var(--ic) center / 17px no-repeat; opacity: .7; }
.searchbar a.button:before { -webkit-mask-size: 17px !important; mask-size: 17px !important; }
/* takenmenu: knoppen over de volle breedte, inhoud gecentreerd */
@media screen and (min-width: 481px) {
  #layout-menu #taskmenu, #layout-menu #taskmenu .action-buttons, #layout-menu #taskmenu .special-buttons { width: 100% !important; display: block; }
  html #layout-menu #taskmenu a { width: auto !important; max-width: none !important; margin: 3px 10px !important; text-align: center !important; }
  html #layout-menu #taskmenu a.compose { margin: 8px 10px 12px !important; }
  #layout-menu #taskmenu a .inner { overflow: hidden; text-overflow: ellipsis; }
}
/* mappen: icoon en tekst op één lijn */
.folderlist li > a { display: flex !important; align-items: center; }
.folderlist li > a:before { top: 0 !important; flex: none; }
#layout-menu #taskmenu a.contacts .inner { font-size: .74rem !important; letter-spacing: -.01em; text-overflow: clip !important; }