/**
 * Enhanced Mode — Eyesaver overlay (loads AFTER chrome.css).
 * Type scale and spacing only. Colours come from each ThemesV2
 * eyesaver palette (body.sm-eyesaver CSS variables).
 */

html.sm-chrome-frames {
  background: var(--sm-sidebar) !important;
}

body.sm-chrome-right,
body.sm-chrome-shell {
  background: var(--sm-bg) !important;
  color: var(--sm-ink) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.01em;
  -webkit-text-size-adjust: none; /* Firefox: none/auto only; skip unprefixed (unsupported) */
}

body.sm-chrome-left,
body.sm-chrome.sm-chrome-left,
.sm-sidebar-inner.sm-chrome-left {
  background: var(--sm-sidebar) !important;
  background-color: var(--sm-sidebar) !important;
  background-image: none !important;
  color: var(--sm-sidebar-text) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.sm-chrome-left table,
body.sm-chrome-left td,
.sm-sidebar-inner.sm-chrome-left table,
.sm-sidebar-inner.sm-chrome-left td {
  background: transparent !important;
  background-color: transparent !important;
}

body.sm-chrome-right,
body.sm-chrome-right td,
body.sm-chrome-right th,
body.sm-chrome-right font,
body.sm-chrome-right small,
body.sm-chrome-right b,
body.sm-chrome-right strong {
  color: var(--sm-ink) !important;
  font-size: 17px !important;
}

/* Folder name lives in <b> on the dark topnav — do not use --sm-ink. */
body.sm-eyesaver.sm-chrome-right table.sm-chrome-topnav tr:first-child td,
body.sm-eyesaver.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type tr:first-child td,
body.sm-eyesaver.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type tr:first-child td,
body.sm-eyesaver.sm-chrome-right > table[width="100%"]:first-of-type tr:first-child td {
  color: var(--sm-sidebar-muted) !important;
}
body.sm-eyesaver.sm-chrome-right table.sm-chrome-topnav tr:first-child td b,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-topnav tr:first-child td strong,
body.sm-eyesaver.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type tr:first-child td b,
body.sm-eyesaver.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type tr:first-child td b,
body.sm-eyesaver.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type tr:first-child td strong,
body.sm-eyesaver.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type tr:first-child td strong,
body.sm-eyesaver.sm-chrome-right > table[width="100%"]:first-of-type tr:first-child td b,
body.sm-eyesaver.sm-chrome-right > table[width="100%"]:first-of-type tr:first-child td strong {
  color: var(--sm-sidebar-text) !important;
}

body.sm-chrome-right a,
body.sm-chrome-right a:link,
body.sm-chrome-right a:visited {
  color: var(--sm-crimson) !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

body.sm-chrome-right a:hover {
  color: var(--sm-crimson-hover) !important;
}

/* Solid chrome buttons that are <a> — do not inherit link crimson. */
body.sm-eyesaver a.sm-abook-add-btn,
body.sm-eyesaver a.sm-abook-add-btn:link,
body.sm-eyesaver a.sm-abook-add-btn:visited,
body.sm-eyesaver a.sm-abook-add-btn:hover,
body.sm-eyesaver.sm-chrome-right a.sm-abook-add-btn,
body.sm-eyesaver.sm-chrome-right a.sm-abook-add-btn:link,
body.sm-eyesaver.sm-chrome-right a.sm-abook-add-btn:visited,
body.sm-eyesaver.sm-chrome-right a.sm-abook-add-btn:hover,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-add-btn,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-add-btn:link,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-add-btn:visited,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-add-btn:hover {
  color: #ffffff !important;
  background: var(--sm-crimson) !important;
  background-color: var(--sm-crimson) !important;
  border-color: var(--sm-crimson-hover) !important;
  text-decoration: none !important;
}

/* Address book: mute packed list card, form, fields */
body.sm-eyesaver.sm-chrome-abook .sm-abook-list-card,
body.sm-eyesaver.sm-chrome-abook .sm-app-main form:not(.sm-abook-list-form):not(.sm-abook-inline-form),
body.sm-eyesaver.sm-chrome-abook.sm-chrome-right:not(.sm-chrome-app) form:not(.sm-abook-list-form):not(.sm-abook-inline-form) {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-abook table.sm-abook-list td,
body.sm-eyesaver.sm-chrome-abook table.sm-abook-list tr.sm-abook-row td {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver.sm-chrome-abook table.sm-abook-list tr.sm-abook-row:nth-child(even) td {
  background: var(--sm-row-alt) !important;
  background-color: var(--sm-row-alt) !important;
}
body.sm-eyesaver.sm-chrome-abook table.sm-abook-list tr.sm-abook-row:hover td {
  background: var(--sm-row-hover) !important;
  background-color: var(--sm-row-hover) !important;
}
body.sm-eyesaver.sm-chrome-abook table.sm-abook-list th {
  background: var(--sm-headers) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver.sm-chrome-abook input[type="text"],
body.sm-eyesaver.sm-chrome-abook input[type="password"],
body.sm-eyesaver.sm-chrome-abook select,
body.sm-eyesaver.sm-chrome-abook textarea {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver.sm-chrome-abook .sm-abook-row-btn,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-row-btn,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-row-btn:link,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-row-btn:visited,
body.sm-eyesaver.sm-chrome-abook a.sm-abook-row-btn:hover,
body.sm-eyesaver.sm-chrome-abook .sm-abook-actions input[type="submit"]:not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver.sm-chrome-abook form:not(.sm-abook-list-form) input[type="submit"]:not([value="Delete"]):not([value*="Delete"]) {
  background: var(--sm-panel-strong) !important;
  background-color: var(--sm-panel-strong) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
  text-decoration: none !important;
}
body.sm-eyesaver.sm-chrome-abook .sm-abook-row-del,
body.sm-eyesaver.sm-chrome-abook .sm-abook-actions input[type="submit"][value="Delete"] {
  background: #b42318 !important;
  color: #ffffff !important;
  border-color: #912018 !important;
}

body.sm-chrome-right table,
body.sm-chrome-right table[bgcolor],
body.sm-chrome-right table.sm-chrome-list-frame,
body.sm-chrome-right table.sm-chrome-msg-panel,
body.sm-chrome-right form > table,
body.sm-chrome-right .sm-scroll,
body.sm-chrome-right td.sm-chrome-list-cell {
  background: transparent !important;
  background-color: transparent !important;
}

/* Soft paper panels — match toolbar + list */
body.sm-chrome-right table.sm-chrome-msg-panel,
body.sm-chrome-right center > table.sm-chrome-msg-panel,
body.sm-chrome-right table.sm-chrome-msg-panel.sm-chrome-read-headers,
body.sm-chrome-right table.sm-chrome-msg-panel.sm-chrome-read-body {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
}
body.sm-chrome-right table.sm-chrome-list-toolbar,
body.sm-chrome-right .sm-chrome-list-toolbar,
body.sm-chrome-right table.sm-chrome-pager:not(.sm-chrome-list-frame):not(.sm-chrome-list-toolbar) {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver.sm-chrome form[name="compose"] > table,
body.sm-eyesaver.sm-chrome-compose form[name="compose"] > table,
body.sm-eyesaver.sm-chrome-right form[name="compose"] > table {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
}
body.sm-eyesaver.sm-chrome-compose form[name="compose"] > table td,
body.sm-eyesaver.sm-chrome form[name="compose"] > table td {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
}
body.sm-chrome-right table.sm-chrome-msglist {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-chrome-right table.sm-chrome-msglist tr:first-child td,
body.sm-chrome-right table.sm-chrome-msglist > tbody > tr:first-child > td {
  background: var(--sm-headers) !important;
  background-color: var(--sm-headers) !important;
  border-bottom-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-bottom-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row.sm-row-alt td,
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:nth-child(even) td,
body.sm-chrome-right table.sm-chrome-msglist tr:nth-child(even) {
  background: var(--sm-row-alt) !important;
  background-color: var(--sm-row-alt) !important;
}
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:hover td,
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row.sm-row-alt:hover td,
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:nth-child(even):hover td,
body.sm-chrome-right table.sm-chrome-msglist tr:hover,
body.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:hover {
  background: var(--sm-row-hover) !important;
  background-color: var(--sm-row-hover) !important;
}

body.sm-chrome-right tr[bgcolor],
body.sm-chrome-right td[bgcolor] {
  background-color: transparent !important;
  color: var(--sm-ink) !important;
}

body.sm-chrome-right table.sm-chrome-menubar,
body.sm-chrome-right table[bgcolor].sm-chrome-menubar {
  background: var(--sm-panel) !important;
}
body.sm-eyesaver.sm-chrome-read .sm-read-toolbar {
  background: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-read .sm-read-toolbar.is-pinned {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}
body.sm-eyesaver.sm-chrome-right .sm-list-toolbar.is-pinned table.sm-chrome-list-toolbar {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

body.sm-chrome-right input[type="text"],
body.sm-chrome-right input[type="password"],
body.sm-chrome-right input[type="email"],
body.sm-chrome-right input[type="search"],
body.sm-chrome-right textarea {
  background: var(--sm-surface) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  min-height: 44px;
  padding: 8px 10px !important;
  box-sizing: border-box;
}

/* Native <select>/date/time clip vertical padding (Windows). Size via height only. */
body.sm-chrome-right select,
body.sm-chrome-right input[type="date"],
body.sm-chrome-right input[type="time"] {
  background: var(--sm-surface) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
  font-size: 16px !important;
  line-height: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  vertical-align: middle;
}

body.sm-eyesaver.sm-chrome-right button:not(.sm-ced-btn):not(.sm-ced-emoji-item):not(.sm-chrome-toggle-btn):not(.sm-toast-close):not(.sm-letter-close),
body.sm-eyesaver.sm-chrome-right input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver.sm-chrome-right input[type="button"]:not(.sm-chrome-primary),
body.sm-eyesaver.sm-chrome-right input[type="reset"],
body.sm-eyesaver.sm-chrome-options button:not(.sm-ced-btn):not(.sm-ced-emoji-item):not(.sm-chrome-toggle-btn):not(.sm-toast-close):not(.sm-letter-close),
body.sm-eyesaver.sm-chrome-options input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver.sm-chrome-options input[type="button"]:not(.sm-chrome-primary),
body.sm-eyesaver.sm-chrome-app input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-folders-page input[type="submit"]:not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-folders-body input[type="submit"]:not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-app-main input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]) {
  background: var(--sm-panel-strong) !important;
  background-color: var(--sm-panel-strong) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  min-height: 44px;
  padding: 8px 14px !important;
  box-sizing: border-box;
}
body.sm-eyesaver.sm-chrome-right button:not(.sm-ced-btn):not(.sm-ced-emoji-item):not(.sm-chrome-toggle-btn):not(.sm-toast-close):not(.sm-letter-close):hover,
body.sm-eyesaver.sm-chrome-right input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver.sm-chrome-right input[type="button"]:not(.sm-chrome-primary):hover,
body.sm-eyesaver.sm-chrome-right input[type="reset"]:hover,
body.sm-eyesaver.sm-chrome-options input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-folders-page input[type="submit"]:not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-folders-body input[type="submit"]:not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-app-main input[type="submit"]:not(.sm-chrome-primary):not(.sm-empty-folder-btn):not([value="Delete"]):not([value*="Delete"]):hover {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}

/* Compact chips in the message header (Add / whitelist / blacklist) */
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers input[type="submit"],
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers input[type="button"],
body.sm-eyesaver.sm-chrome-read input.sm-abook-quick-btn,
body.sm-eyesaver.sm-chrome-read form.sm-abook-quick-add input.sm-abook-quick-btn {
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
}

body.sm-chrome .sm-ico {
  width: 20px;
  height: 20px;
}

/* Topnav: Eyesaver darkens --sm-crimson; keep icons readable on themed bars */
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav,
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav:link,
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav:visited,
body.sm-chrome-right > table.sm-chrome-topnav tr:nth-child(2) a,
body.sm-chrome-right > table.sm-chrome-topnav tr:nth-child(2) a:link,
body.sm-chrome-right > table.sm-chrome-topnav tr:nth-child(2) a:visited {
  color: var(--sm-nav-text, var(--sm-sidebar-text)) !important;
}
body.sm-chrome-right table.sm-chrome-topnav .sm-ico {
  background-color: var(--sm-nav-text, var(--sm-icon, var(--sm-gold))) !important;
}
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav-out,
body.sm-chrome-right table.sm-chrome-topnav .sm-topnav-signout a,
body.sm-theme-light.sm-chrome-right table.sm-chrome-topnav a.sm-nav-out {
  color: var(--sm-gold) !important;
}
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav-out .sm-ico,
body.sm-theme-light.sm-chrome-right table.sm-chrome-topnav a.sm-nav-out .sm-ico {
  background-color: var(--sm-gold) !important;
}
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav-active,
body.sm-chrome-compose table.sm-chrome-topnav a.sm-nav-compose,
body.sm-chrome-app .sm-app-main > table.sm-chrome-topnav tr:nth-child(2) a.sm-nav-active,
body.sm-chrome-app .sm-app-chrome > table.sm-chrome-topnav tr:nth-child(2) a.sm-nav-active,
body.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type tr:nth-child(2) a.sm-nav-active,
body.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type tr:nth-child(2) a.sm-nav-active,
body.sm-chrome-app.sm-chrome-compose .sm-app-main > table.sm-chrome-topnav tr:nth-child(2) a.sm-nav-compose,
body.sm-chrome-app.sm-chrome-compose .sm-app-chrome > table.sm-chrome-topnav tr:nth-child(2) a.sm-nav-compose,
body.sm-chrome-app.sm-chrome-compose .sm-app-main > table[width="100%"]:first-of-type tr:nth-child(2) a.sm-nav-compose,
body.sm-chrome-app.sm-chrome-compose .sm-app-chrome > table[width="100%"]:first-of-type tr:nth-child(2) a.sm-nav-compose {
  background: var(--sm-nav-tab-active, var(--sm-surface)) !important;
  color: var(--sm-nav-tab-active-text, var(--sm-crimson)) !important;
  border: 1px solid color-mix(in srgb, var(--sm-nav-text, var(--sm-sidebar-text)) 40%, transparent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sm-gold) 50%, transparent);
}
body.sm-chrome-right table.sm-chrome-topnav a.sm-nav-active .sm-ico,
body.sm-chrome-compose table.sm-chrome-topnav a.sm-nav-compose .sm-ico,
body.sm-chrome-app .sm-app-main > table.sm-chrome-topnav a.sm-nav-active .sm-ico,
body.sm-chrome-app .sm-app-chrome > table.sm-chrome-topnav a.sm-nav-active .sm-ico,
body.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type a.sm-nav-active .sm-ico,
body.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type a.sm-nav-active .sm-ico,
body.sm-chrome-app.sm-chrome-compose .sm-app-main > table.sm-chrome-topnav a.sm-nav-compose .sm-ico,
body.sm-chrome-app.sm-chrome-compose .sm-app-chrome > table.sm-chrome-topnav a.sm-nav-compose .sm-ico {
  background-color: var(--sm-nav-tab-active-text, var(--sm-crimson)) !important;
}

body.sm-eyesaver.sm-chrome-read,
body.sm-eyesaver.sm-chrome-read td,
body.sm-eyesaver.sm-chrome-right.sm-chrome-read {
  font-size: 18px !important;
  line-height: 1.6 !important;
  background: var(--sm-surface) !important;
  color: var(--sm-ink) !important;
}

@media (max-width: 899px), (max-height: 500px) {
body.sm-phone-layout.sm-chrome-right table.sm-chrome-msglist,
body.sm-phone-layout.sm-chrome-right table.sm-chrome-msglist td {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

body.sm-phone-layout.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
}

body.sm-chrome-shell .sm-shell-left,
.sm-shell-left {
  background: var(--sm-sidebar) !important;
}

/*
 * Component type scale. chrome.css sets 11–13px !important on lists,
 * calendar, help/options cards, and topnav — those beat the generic
 * body/td 17px above. Prefix with .sm-eyesaver so specificity wins.
 */

/* Topnav tabs (12px !important in chrome.css — cells already inherit 17px) */
body.sm-eyesaver.sm-chrome-right table.sm-chrome-topnav a.sm-nav,
body.sm-eyesaver.sm-chrome-right > table.sm-chrome-topnav tr:nth-child(2) a,
body.sm-eyesaver.sm-chrome-app .sm-app-main > table.sm-chrome-topnav tr:nth-child(2) a,
body.sm-eyesaver.sm-chrome-app .sm-app-chrome > table.sm-chrome-topnav tr:nth-child(2) a,
body.sm-eyesaver.sm-chrome-app .sm-app-main > table[width="100%"]:first-of-type tr:nth-child(2) a,
body.sm-eyesaver.sm-chrome-app .sm-app-chrome > table[width="100%"]:first-of-type tr:nth-child(2) a {
  font-size: 16px !important;
}
body.sm-eyesaver form.sm-empty-folder-form input.sm-empty-folder-btn {
  font-size: 14px !important;
  padding: 5px 12px !important;
}

/* Message list: headers, rows, links, sort carets, action strip */
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr:first-child td,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist > tbody > tr:first-child > td,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr:first-child a,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr:first-child a.sm-sort-link {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr:first-child .sm-sort-caret {
  font-size: 13px !important;
}
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td a,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td b,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td strong,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td font,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td small {
  font-size: 17px !important;
  line-height: 1.45 !important;
}
body.sm-eyesaver.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
body.sm-eyesaver.sm-chrome-right .sm-chrome-list-toolbar td,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-list-toolbar td {
  font-size: 16px !important;
}

/* Calendar: month/day grid, day numbers, events, view tabs, jump */
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-wrap > tbody > tr:first-child > td,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-wrap > tr:first-child > td,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-wrap > tbody > tr:first-child a,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-wrap > tr:first-child a,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-subnav td,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-subnav a {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month th,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month th a {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td {
  font-size: 16px !important;
  height: 102px;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month font,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td font {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td a,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td a[href="#"] {
  font-size: 15px !important;
  line-height: 1.4 !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-day td,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-day td a,
body.sm-eyesaver.sm-chrome-calendar form.sm-cal-jump,
body.sm-eyesaver.sm-chrome-calendar form.sm-cal-jump select {
  font-size: 16px !important;
}

body.sm-eyesaver .sm-calv2-title,
body.sm-eyesaver .sm-calv2-form-title {
  font-size: 26px !important;
}
body.sm-eyesaver .sm-calv2-tab,
body.sm-eyesaver .sm-calv2-btn,
body.sm-eyesaver .sm-calv2-today-link,
body.sm-eyesaver .sm-calv2-dow,
body.sm-eyesaver .sm-calv2-num,
body.sm-eyesaver .sm-calv2-card-title,
body.sm-eyesaver .sm-calv2-form .sm-calv2-field > span {
  font-size: 16px !important;
}
body.sm-eyesaver .sm-calv2-chip,
body.sm-eyesaver .sm-calv2-card-msg,
body.sm-eyesaver .sm-calv2-form input[type="text"],
body.sm-eyesaver .sm-calv2-form textarea {
  font-size: 16px !important;
}
body.sm-eyesaver .sm-calv2-form select,
body.sm-eyesaver .sm-calv2-form input[type="date"],
body.sm-eyesaver .sm-calv2-form input[type="time"] {
  font-size: 16px !important;
  line-height: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
}
body.sm-eyesaver .sm-calv2-cell {
  min-height: 120px;
}

body.sm-eyesaver .sm-msgdump-title,
body.sm-eyesaver .sm-msgdump-struct thead td,
body.sm-eyesaver .sm-msgdump-struct thead td font {
  background: var(--sm-headers) !important;
  background-color: var(--sm-headers) !important;
  color: var(--sm-ink) !important;
}

/* Calendar v2: mute paper, no white grid */
body.sm-eyesaver .sm-calv2,
body.sm-eyesaver .sm-calv2-month,
body.sm-eyesaver .sm-calv2-empty,
body.sm-eyesaver .sm-calv2-card,
body.sm-eyesaver .sm-calv2-formwrap {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver .sm-calv2-cell {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver .sm-calv2-cell.is-empty {
  background: var(--sm-bg) !important;
  background-color: var(--sm-bg) !important;
}
body.sm-eyesaver .sm-calv2-cell.is-today {
  background: color-mix(in srgb, var(--sm-crimson) 16%, var(--sm-surface)) !important;
  background-color: color-mix(in srgb, var(--sm-crimson) 16%, var(--sm-surface)) !important;
}
body.sm-eyesaver .sm-calv2-tab.is-active,
body.sm-eyesaver .sm-calv2-btn:not(.sm-calv2-btn-primary):not(.sm-calv2-btn-danger),
body.sm-eyesaver .sm-calv2-nav-btn,
body.sm-eyesaver .sm-calv2-today-link {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver .sm-calv2-chip {
  background: color-mix(in srgb, var(--sm-crimson) 14%, var(--sm-panel)) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver .sm-calv2-chip.is-high {
  background: color-mix(in srgb, var(--sm-error) 18%, var(--sm-panel)) !important;
}
body.sm-eyesaver .sm-calv2-form input[type="text"],
body.sm-eyesaver .sm-calv2-form input[type="date"],
body.sm-eyesaver .sm-calv2-form input[type="time"],
body.sm-eyesaver .sm-calv2-form select,
body.sm-eyesaver .sm-calv2-form textarea {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month,
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-day,
body.sm-eyesaver.sm-chrome-calendar form.sm-cal-form {
  background: var(--sm-surface) !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td {
  background: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td.sm-cal-empty {
  background: var(--sm-bg) !important;
}
body.sm-eyesaver.sm-chrome-calendar table.sm-cal-month td.sm-cal-today {
  background: color-mix(in srgb, var(--sm-crimson) 16%, var(--sm-surface)) !important;
}

/* Primary/danger buttons: Eyesaver link ink matches --sm-crimson (navy on navy). */
body.sm-eyesaver a.sm-calv2-btn-primary,
body.sm-eyesaver a.sm-calv2-btn-primary:link,
body.sm-eyesaver a.sm-calv2-btn-primary:visited,
body.sm-eyesaver a.sm-calv2-btn-primary:hover,
body.sm-eyesaver input.sm-calv2-btn-primary,
body.sm-eyesaver .sm-calv2-btn-primary {
  color: #ffffff !important;
  background: var(--sm-crimson) !important;
  border-color: var(--sm-crimson-hover) !important;
  text-decoration: none !important;
}
body.sm-eyesaver a.sm-calv2-btn-danger,
body.sm-eyesaver a.sm-calv2-btn-danger:link,
body.sm-eyesaver a.sm-calv2-btn-danger:visited,
body.sm-eyesaver a.sm-calv2-btn-danger:hover,
body.sm-eyesaver input.sm-calv2-btn-danger,
body.sm-eyesaver .sm-calv2-btn-danger {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.sm-eyesaver .sm-todo-title,
body.sm-eyesaver .sm-todo-form-title {
  font-size: 26px !important;
}
body.sm-eyesaver .sm-todo-btn,
body.sm-eyesaver .sm-todo-card-title,
body.sm-eyesaver .sm-todo-form .sm-todo-field > span {
  font-size: 16px !important;
}
body.sm-eyesaver .sm-todo-card-msg,
body.sm-eyesaver .sm-todo-form input[type="text"],
body.sm-eyesaver .sm-todo-form textarea,
body.sm-eyesaver .sm-todo-form select,
body.sm-eyesaver .sm-todo-form input[type="date"] {
  font-size: 16px !important;
}
body.sm-eyesaver .sm-msgdump,
body.sm-eyesaver .sm-msgdump-body,
body.sm-eyesaver .sm-todo,
body.sm-eyesaver .sm-todo-empty,
body.sm-eyesaver .sm-todo-card,
body.sm-eyesaver .sm-todo-formwrap {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver .sm-todo-form input[type="text"],
body.sm-eyesaver .sm-todo-form input[type="date"],
body.sm-eyesaver .sm-todo-form select,
body.sm-eyesaver .sm-todo-form textarea {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver a.sm-todo-btn-primary,
body.sm-eyesaver a.sm-todo-btn-primary:link,
body.sm-eyesaver a.sm-todo-btn-primary:visited,
body.sm-eyesaver a.sm-todo-btn-primary:hover,
body.sm-eyesaver .sm-todo-btn-primary {
  color: #ffffff !important;
  background: var(--sm-crimson) !important;
  border-color: var(--sm-crimson-hover) !important;
  text-decoration: none !important;
}
body.sm-eyesaver a.sm-todo-btn-danger,
body.sm-eyesaver a.sm-todo-btn-danger:link,
body.sm-eyesaver a.sm-todo-btn-danger:visited,
body.sm-eyesaver a.sm-todo-btn-danger:hover,
body.sm-eyesaver .sm-todo-btn-danger {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Help + Options hub cards (same .sm-help-toc markup) */
body.sm-eyesaver .sm-help-toc-title {
  font-size: 18px !important;
  line-height: 1.3 !important;
}
body.sm-eyesaver.sm-chrome-options .sm-opt-plugin-tag {
  font-size: 0.72em !important;
}
body.sm-eyesaver .sm-help-toc-summary {
  font-size: 16px !important;
  line-height: 1.55 !important;
}
body.sm-eyesaver .sm-help-toc-link {
  padding: 14px 16px !important;
}
body.sm-eyesaver .sm-help-brand {
  font-size: 20px !important;
}
body.sm-eyesaver .sm-help-chapter {
  font-size: 30px !important;
}
body.sm-eyesaver .sm-help-lead,
body.sm-eyesaver.sm-chrome-help table.sm-help-doc td.sm-help-body,
body.sm-eyesaver.sm-chrome-options table.sm-help-doc td.sm-help-body,
body.sm-eyesaver.sm-chrome-help .sm-help-body {
  font-size: 17px !important;
  line-height: 1.65 !important;
}
body.sm-eyesaver .sm-help-search-input {
  font-size: 16px !important;
  padding: 10px 14px !important;
}
body.sm-eyesaver .sm-help-section-toc-list a {
  font-size: 16px !important;
}
body.sm-eyesaver .sm-help-section-title {
  font-size: 19px !important;
}
body.sm-eyesaver .sm-help-section-body {
  font-size: 17px !important;
  line-height: 1.65 !important;
}
body.sm-eyesaver .sm-help-nav-link,
body.sm-eyesaver .sm-help-nav-disabled {
  font-size: 16px !important;
}

/* Options / folders inner pages */
body.sm-eyesaver.sm-chrome-options table[width="95%"] td[align="right"],
body.sm-eyesaver.sm-chrome-options table[width="90%"] td[align="right"] {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-options table[width="70%"] td b,
body.sm-eyesaver.sm-chrome-options table[width="95%"] td b,
body.sm-eyesaver.sm-chrome-options table.sm-app-panel td b,
body.sm-eyesaver.sm-chrome-options div > b {
  font-size: 18px !important;
}
body.sm-eyesaver.sm-chrome-options .sm-app-main .sm-folders-title h1 {
  font-size: 22px !important;
}
body.sm-eyesaver.sm-chrome-options .sm-folders-card h2 {
  font-size: 17px !important;
}

/* Help: chapter paper + TOC cards + nav — no white glare */
body.sm-eyesaver table.sm-help-doc,
body.sm-eyesaver table.sm-help-title,
body.sm-eyesaver table.sm-help-doc.sm-app-panel,
body.sm-eyesaver table.sm-help-title.sm-app-panel,
body.sm-eyesaver.sm-chrome-help table.sm-app-panel,
body.sm-eyesaver.sm-chrome-help .sm-app-main table.sm-help-doc,
body.sm-eyesaver.sm-chrome-help .sm-app-main table.sm-help-title,
body.sm-eyesaver.sm-chrome-help.sm-chrome-right:not(.sm-chrome-app) table.sm-help-doc,
body.sm-eyesaver.sm-chrome-help.sm-chrome-right:not(.sm-chrome-app) table.sm-help-title,
body.sm-eyesaver.sm-chrome-options .sm-app-main table.sm-help-doc,
body.sm-eyesaver.sm-chrome-options .sm-app-main table.sm-help-title,
body.sm-eyesaver.sm-chrome-help header.sm-help-title,
body.sm-eyesaver.sm-chrome-help article.sm-help-doc,
body.sm-eyesaver.sm-chrome-help .sm-app-main header.sm-help-title,
body.sm-eyesaver.sm-chrome-help .sm-app-main article.sm-help-doc,
body.sm-eyesaver.sm-chrome-help.sm-chrome-right:not(.sm-chrome-app) header.sm-help-title,
body.sm-eyesaver.sm-chrome-help.sm-chrome-right:not(.sm-chrome-app) article.sm-help-doc {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver td.sm-help-body,
body.sm-eyesaver.sm-chrome-help td.sm-help-body,
body.sm-eyesaver.sm-chrome-options table.sm-help-doc td.sm-help-body,
body.sm-eyesaver.sm-chrome-help table.sm-help-doc td.sm-help-body,
body.sm-eyesaver.sm-chrome-help .sm-help-body {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
}
body.sm-eyesaver table.sm-help-title td,
body.sm-eyesaver.sm-chrome-help header.sm-help-title {
  background: var(--sm-headers) !important;
  background-color: var(--sm-headers) !important;
}
body.sm-eyesaver .sm-help-nav-sticky,
body.sm-eyesaver.sm-chrome-help .sm-help-nav {
  background: var(--sm-panel) !important;
}
/* In-chapter TOC: use dim panel inset — surface is too bright on eyesaver paper */
body.sm-eyesaver .sm-help-section-toc,
body.sm-eyesaver.sm-chrome-help .sm-help-section-toc {
  background: var(--sm-panel-strong) !important;
  background-color: var(--sm-panel-strong) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver .sm-help-section-toc-label,
body.sm-eyesaver.sm-chrome-help .sm-help-section-toc-label {
  color: var(--sm-ink) !important;
}
body.sm-eyesaver .sm-help-section-toc-list a,
body.sm-eyesaver.sm-chrome-help .sm-help-section-toc-list a {
  color: var(--sm-crimson) !important;
}
body.sm-eyesaver .sm-help-search-input {
  background: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver .sm-help-toc-item,
body.sm-eyesaver.sm-chrome-options .sm-help-toc-item,
body.sm-eyesaver.sm-chrome-help .sm-help-toc-item {
  background: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver .sm-help-toc-item:hover,
body.sm-eyesaver.sm-chrome-options .sm-help-toc-item:hover,
body.sm-eyesaver.sm-chrome-help .sm-help-toc-item:hover {
  background: var(--sm-panel-strong) !important;
}
body.sm-eyesaver a.sm-help-toc-link,
body.sm-eyesaver a.sm-help-nav-link {
  background: transparent !important;
}
body.sm-eyesaver .sm-help-nav-link,
body.sm-eyesaver a.sm-help-nav-link,
body.sm-eyesaver .sm-help-nav-disabled {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-crimson) !important;
}
body.sm-eyesaver .sm-help-nav-disabled {
  color: var(--sm-muted) !important;
}
body.sm-eyesaver .sm-help-nav-link:hover,
body.sm-eyesaver a.sm-help-nav-link:hover {
  background: var(--sm-panel-strong) !important;
  border-color: var(--sm-crimson) !important;
}

/* Options inner pages (not Help markup) */
body.sm-eyesaver.sm-chrome-options .sm-app-main table.sm-app-panel:not(.sm-help-doc):not(.sm-help-title),
body.sm-eyesaver.sm-chrome-options .sm-app-main table[width="95%"]:not(.sm-help-title),
body.sm-eyesaver.sm-chrome-options .sm-app-main table[width="90%"]:not(.sm-help-doc),
body.sm-eyesaver.sm-chrome-options .sm-app-main table[width="70%"],
body.sm-eyesaver.sm-chrome-options.sm-chrome-right:not(.sm-chrome-app) table[width="95%"]:not(.sm-help-title),
body.sm-eyesaver.sm-chrome-options.sm-chrome-right:not(.sm-chrome-app) table[width="90%"]:not(.sm-help-doc),
body.sm-eyesaver.sm-chrome-options.sm-chrome-right:not(.sm-chrome-app) table[width="70%"],
body.sm-eyesaver.sm-chrome-options.sm-chrome-right:not(.sm-chrome-app) table.sm-app-panel:not(.sm-help-doc):not(.sm-help-title) {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  box-shadow: none !important;
}

body.sm-eyesaver.sm-chrome-options form.sm-search-form,
body.sm-eyesaver.sm-chrome-options form[name="s"] {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  border-color: var(--sm-line) !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-options form.sm-search-form > table,
body.sm-eyesaver.sm-chrome-options form[name="s"] > table,
body.sm-eyesaver.sm-chrome-options table.sm-search-bar {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.sm-eyesaver.sm-chrome-options form.sm-search-form select,
body.sm-eyesaver.sm-chrome-options form[name="s"] select,
body.sm-eyesaver.sm-chrome-options form.sm-search-form input[type="text"],
body.sm-eyesaver.sm-chrome-options form[name="s"] input[type="text"] {
  background-color: var(--sm-surface) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !important;
}
body.sm-eyesaver.sm-chrome-options form.sm-search-form select,
body.sm-eyesaver.sm-chrome-options form[name="s"] select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1.2 1.3L6 6.1l4.8-4.8'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 8px !important;
}
body.sm-eyesaver.sm-chrome-options form.sm-search-form input[type="text"],
body.sm-eyesaver.sm-chrome-options form[name="s"] input[type="text"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='M10.6 10.6L14 14'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 12px 50% !important;
  background-size: 16px 16px !important;
}
body.sm-eyesaver.sm-chrome-options form.sm-search-form input[type="submit"].sm-chrome-primary,
body.sm-eyesaver.sm-chrome-options form[name="s"] input[type="submit"].sm-chrome-primary {
  background: var(--sm-crimson) !important;
  background-color: var(--sm-crimson) !important;
  border-color: var(--sm-crimson) !important;
  color: #fff !important;
}
body.sm-eyesaver.sm-chrome-options .sm-search-title {
  background: var(--sm-headers) !important;
}
body.sm-eyesaver.sm-chrome-options .sm-search-banner,
body.sm-eyesaver.sm-chrome-options .sm-search-notice {
  background: var(--sm-surface) !important;
  background-color: var(--sm-surface) !important;
  border-color: var(--sm-line) !important;
  color: var(--sm-ink) !important;
  box-shadow: none !important;
}

/*
 * Read + compose: chrome-mail/compose set 12–14px !important on headers,
 * the message body, <pre>/<tt>, and .sm-ced-editor. Beat those here.
 */
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td b,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td strong,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td font,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td small,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers a {
  font-size: 17px !important;
  line-height: 1.5 !important;
}
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[width="20%"],
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[align="right"],
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[width="20%"] b,
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[align="right"] b {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[width="80%"],
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers td[align="left"] {
  font-size: 18px !important;
}
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers table.sm-chrome-msg-inner > tbody > tr:first-child > td[width="80%"],
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-headers table.sm-chrome-msg-inner > tr:first-child > td[width="80%"] {
  font-size: 22px !important;
  line-height: 1.35 !important;
}
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg p,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg div,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg font,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg span,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg tt,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg pre,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg code,
body.sm-eyesaver.sm-chrome-read td.sm-chrome-read-msg * {
  font-size: 18px !important;
  line-height: 1.6 !important;
}
body.sm-eyesaver.sm-chrome-read table.sm-chrome-read-attach td,
body.sm-eyesaver.sm-chrome-read .fensm-wblist-btn,
body.sm-eyesaver.sm-chrome-read form.fensm-wblist-form input[type="submit"] {
  font-size: 15px !important;
}

body.sm-eyesaver.sm-chrome-compose .sm-ced-toolbar,
body.sm-eyesaver.sm-ced-on .sm-ced-toolbar {
  padding: 8px 10px !important;
  gap: 4px !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-btn,
body.sm-eyesaver.sm-chrome-compose button.sm-ced-btn,
body.sm-eyesaver.sm-ced-on .sm-ced-btn,
body.sm-eyesaver.sm-ced-on button.sm-ced-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 6px !important;
  border-radius: 6px !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-btn .sm-ced-ico,
body.sm-eyesaver.sm-ced-on .sm-ced-btn .sm-ced-ico {
  width: 22px !important;
  height: 22px !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-sep,
body.sm-eyesaver.sm-ced-on .sm-ced-sep {
  height: 26px !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-select,
body.sm-eyesaver.sm-ced-on .sm-ced-select {
  font-size: 15px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-btn:hover,
body.sm-eyesaver.sm-chrome-compose button.sm-ced-btn:hover,
body.sm-eyesaver.sm-ced-on .sm-ced-btn:hover {
  background: var(--sm-surface) !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-emoji-item,
body.sm-eyesaver.sm-chrome-compose button.sm-ced-emoji-item,
body.sm-eyesaver.sm-ced-on .sm-ced-emoji-item,
body.sm-eyesaver.sm-ced-on button.sm-ced-emoji-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-line) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
body.sm-eyesaver.sm-chrome-compose .sm-ced-emoji-item:hover,
body.sm-eyesaver.sm-chrome-compose button.sm-ced-emoji-item:hover,
body.sm-eyesaver.sm-ced-on .sm-ced-emoji-item:hover {
  background: var(--sm-panel) !important;
}

body.sm-eyesaver.sm-chrome-compose .sm-ced-editor,
body.sm-eyesaver.sm-ced-on .sm-ced-editor,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor p,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor div,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor font,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor span,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor tt,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor pre,
body.sm-eyesaver.sm-chrome-compose .sm-ced-editor blockquote,
body.sm-eyesaver.sm-ced-on .sm-ced-editor p,
body.sm-eyesaver.sm-ced-on .sm-ced-editor div,
body.sm-eyesaver.sm-ced-on .sm-ced-editor * {
  font-size: 18px !important;
  line-height: 1.6 !important;
}
body.sm-eyesaver.sm-chrome-compose form[name="compose"] textarea[name="body"] {
  font-size: 18px !important;
  line-height: 1.55 !important;
}
body.sm-eyesaver.sm-chrome-compose form[name="compose"] > table td,
body.sm-eyesaver.sm-chrome-compose form[name="compose"] table[align="center"] td {
  font-size: 16px !important;
}
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[type="text"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="send_to"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="send_to_cc"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="send_to_bcc"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="subject"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] select:not(.sm-ced-select),
body.sm-eyesaver.sm-chrome-compose form[name="compose"] textarea {
  font-size: 16px !important;
}

body.sm-eyesaver .sm-letter-return .sm-letter-name,
body.sm-eyesaver .sm-letter-to .sm-letter-name,
body.sm-eyesaver .sm-letter-subject {
  font-size: 11px;
}
body.sm-eyesaver .sm-letter-count {
  font-size: 17px;
}
body.sm-eyesaver .sm-letter-return .sm-letter-addr,
body.sm-eyesaver .sm-letter-to .sm-letter-addr,
body.sm-eyesaver .sm-letter-date {
  font-size: 9px;
}