/**
 * 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):not(.sm-view-switch):not(.sm-abook-filter-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):not(.sm-view-switch):not(.sm-abook-filter-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;
}
/* Keyboard nav: do not leave a stuck hover row beside the cursor. */
body.sm-msglist-kbd-nav.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:not(.sm-mail-selected):hover td,
body.sm-msglist-kbd-nav.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:not(.sm-mail-selected):hover,
body.sm-msglist-kbd-nav.sm-chrome-right table.sm-chrome-msglist tr:not(.sm-mail-selected):hover {
  background: var(--sm-surface, #ffffff) !important;
  background-color: var(--sm-surface, #ffffff) !important;
}
body.sm-msglist-kbd-nav.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row.sm-row-alt:not(.sm-mail-selected):hover td,
body.sm-msglist-kbd-nav.sm-chrome-right table.sm-chrome-msglist tr.sm-chrome-msg-row:nth-child(even):not(.sm-mail-selected):hover td {
  background: var(--sm-row-alt, var(--sm-panel)) !important;
  background-color: var(--sm-row-alt, var(--sm-panel)) !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,
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,
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;
}

/*
 * Form/options buttons only — menubar actions, flag, pin, view switch stay compact.
 * Native <input type=submit|button> clip vertical padding on Windows (same as
 * select/date above): size with height + line-height, horizontal padding only.
 */
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):not(.sm-view-btn):not(.sm-post-link):not(.sm-menubar-act):not(.sm-mark-spam-btn):not(.mfi-flag-btn):not(.sm-toolbar-pin):not(.sm-read-pin),
body.sm-eyesaver.sm-chrome-right input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver.sm-chrome-right input[type="button"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-abook-quick-btn),
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):not(.sm-view-btn):not(.sm-post-link):not(.sm-menubar-act):not(.sm-mark-spam-btn):not(.mfi-flag-btn):not(.sm-toolbar-pin):not(.sm-read-pin):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary),
body.sm-eyesaver.sm-chrome-options input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver.sm-chrome-options input[type="button"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-abook-quick-btn),
body.sm-eyesaver.sm-chrome-app input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-btn):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-folders-page input[type="submit"]:not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-folders-body input[type="submit"]:not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not([value="Delete"]):not([value*="Delete"]),
body.sm-eyesaver .sm-app-main input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-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;
  line-height: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !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):not(.sm-view-btn):not(.sm-post-link):not(.sm-menubar-act):not(.sm-mark-spam-btn):not(.mfi-flag-btn):not(.sm-toolbar-pin):not(.sm-read-pin):hover,
body.sm-eyesaver.sm-chrome-right input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-btn):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver.sm-chrome-right input[type="button"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-abook-quick-btn):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(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-btn):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-folders-page input[type="submit"]:not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-folders-body input[type="submit"]:not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not([value="Delete"]):not([value*="Delete"]):hover,
body.sm-eyesaver .sm-app-main input[type="submit"]:not(.sm-chrome-primary):not(.smf-btn-primary):not(.am-btn-primary):not(.gpg-btn-primary):not(.sm-empty-folder-btn):not(.sm-abook-quick-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;
}

/* Mail layout icons sit on the dark topnav — keep compact; do not inherit Eyesaver 44px buttons. */
body.sm-eyesaver.sm-chrome-right form.sm-view-switch button.sm-view-btn,
body.sm-eyesaver.sm-chrome-app form.sm-view-switch button.sm-view-btn,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-topnav form.sm-view-switch button.sm-view-btn,
body.sm-eyesaver.sm-chrome-app table.sm-chrome-topnav form.sm-view-switch button.sm-view-btn {
  width: 30px !important;
  height: 24px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--sm-sidebar-text, #e8eef4) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-right form.sm-view-switch button.sm-view-btn:hover,
body.sm-eyesaver.sm-chrome-app form.sm-view-switch button.sm-view-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--sm-sidebar-text, #e8eef4) !important;
}
body.sm-eyesaver.sm-chrome-right form.sm-view-switch button.sm-view-btn.is-active,
body.sm-eyesaver.sm-chrome-app form.sm-view-switch button.sm-view-btn.is-active {
  /* Soft glass chip — avoid a bright white block on the dark topnav. */
  background: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--sm-gold, #e0b84a) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
}
body.sm-eyesaver.sm-chrome-right form.sm-view-switch svg,
body.sm-eyesaver.sm-chrome-app form.sm-view-switch svg {
  display: block !important;
  width: 18px !important;
  height: 14px !important;
  overflow: visible !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Thread switch on the light pager — keep compact; do not inherit Eyesaver 44px. */
body.sm-eyesaver.sm-chrome-right span.sm-thread-switch a.sm-thread-btn,
body.sm-eyesaver.sm-chrome-right span.sm-thread-switch span.sm-thread-btn {
  width: 30px !important;
  height: 24px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-right span.sm-thread-switch span.sm-thread-btn.is-active,
body.sm-eyesaver.sm-chrome-right span.sm-thread-switch a.sm-thread-btn.is-active {
  background: var(--sm-panel, #fff) !important;
  background-color: var(--sm-panel, #fff) !important;
  color: var(--sm-crimson, #037cbf) !important;
  box-shadow: 0 1px 2px rgba(28, 43, 58, 0.14) !important;
}
body.sm-eyesaver.sm-chrome-right span.sm-thread-switch svg {
  display: block !important;
  width: 18px !important;
  height: 14px !important;
  overflow: visible !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Read/list toolbars: keep Enhanced transparent compact actions (not gray 44px boxes).
 * Flag pills keep their own is-on/is-off colors (excluded from the 44px rule above). */
body.sm-eyesaver.sm-chrome-right table.sm-chrome-menubar button.sm-post-link,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-menubar button.sm-menubar-act,
body.sm-eyesaver.sm-chrome-right table.sm-chrome-menubar button.sm-mark-spam-btn,
body.sm-eyesaver.sm-chrome-app table.sm-chrome-menubar button.sm-post-link,
body.sm-eyesaver.sm-chrome-app table.sm-chrome-menubar button.sm-menubar-act,
body.sm-eyesaver.sm-chrome-app table.sm-chrome-menubar button.sm-mark-spam-btn {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
body.sm-eyesaver.sm-chrome-right button.mfi-flag-btn,
body.sm-eyesaver.sm-chrome-app button.mfi-flag-btn,
body.sm-eyesaver.sm-chrome-read button.mfi-flag-btn,
body.sm-eyesaver .sm-chrome-read button.mfi-flag-btn {
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}
body.sm-eyesaver.sm-chrome-right button.sm-toolbar-pin,
body.sm-eyesaver.sm-chrome-right button.sm-read-pin,
body.sm-eyesaver.sm-chrome-app button.sm-toolbar-pin,
body.sm-eyesaver.sm-chrome-app button.sm-read-pin,
body.sm-eyesaver.sm-chrome-read button.sm-read-pin,
body.sm-eyesaver .sm-chrome-read button.sm-read-pin {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  font-size: 0 !important;
}

/*
 * Read toolbar “Move to” select + Move submit stay compact.
 * Eyesaver’s 44px form controls otherwise win on specificity (long :not()
 * lists) and get clipped by .sm-read-toolbar { overflow: hidden }.
 */
body.sm-eyesaver.sm-chrome-right .sm-read-toolbar table.sm-chrome-menubar-extra select,
body.sm-eyesaver.sm-chrome-right .sm-read-toolbar table.sm-chrome-menubar-extra input[type="submit"],
body.sm-eyesaver.sm-chrome-read .sm-read-toolbar table.sm-chrome-menubar-extra select,
body.sm-eyesaver.sm-chrome-read .sm-read-toolbar table.sm-chrome-menubar-extra input[type="submit"],
body.sm-eyesaver .sm-chrome-read .sm-read-toolbar table.sm-chrome-menubar-extra select,
body.sm-eyesaver .sm-chrome-read .sm-read-toolbar table.sm-chrome-menubar-extra input[type="submit"] {
  height: 26px !important;
  min-height: 0 !important;
  max-height: 26px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 24px !important;
  vertical-align: middle;
  box-sizing: border-box !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,
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 {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  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,
body.sm-eyesaver .sm-chrome-read td {
  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-ymin,
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;
}

/* Plugin crimson primaries — keep white label (Eyesaver otherwise forces ink). */
body.sm-eyesaver input.smf-btn-primary,
body.sm-eyesaver input[type="submit"].smf-btn-primary,
body.sm-eyesaver button.smf-btn-primary,
body.sm-eyesaver a.smf-btn-primary,
body.sm-eyesaver input.am-btn-primary,
body.sm-eyesaver input[type="submit"].am-btn-primary,
body.sm-eyesaver button.am-btn-primary,
body.sm-eyesaver a.am-btn-primary,
body.sm-eyesaver input.gpg-btn-primary,
body.sm-eyesaver input[type="submit"].gpg-btn-primary,
body.sm-eyesaver button.gpg-btn-primary,
body.sm-eyesaver a.gpg-btn-primary,
body.sm-eyesaver input.sm-chrome-primary,
body.sm-eyesaver input[type="submit"].sm-chrome-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
  background: var(--sm-crimson) !important;
  border-color: var(--sm-crimson-hover) !important;
  font-size: 16px !important;
  line-height: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  vertical-align: middle;
}

/* 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 pages: force dark surfaces (Personal Information + #sm-opt-shell plugins). */
body.sm-eyesaver.sm-chrome-options,
body.sm-eyesaver.sm-chrome-options.sm-chrome-right,
body.sm-eyesaver.sm-chrome-options .sm-app-main {
  background: var(--sm-bg) !important;
  background-color: var(--sm-bg) !important;
  color: var(--sm-ink) !important;
}
body.sm-eyesaver #sm-opt-shell,
body.sm-eyesaver.sm-chrome-options #sm-opt-shell,
body.sm-eyesaver .sm-opt-shell {
  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;
}
body.sm-eyesaver #sm-opt-shell .sm-opt-shell-title b,
body.sm-eyesaver #sm-opt-shell td,
body.sm-eyesaver #sm-opt-shell th,
body.sm-eyesaver #sm-opt-shell font,
body.sm-eyesaver #sm-opt-shell small,
body.sm-eyesaver #sm-opt-shell b,
body.sm-eyesaver #sm-opt-shell strong {
  color: var(--sm-ink) !important;
}
body.sm-eyesaver #sm-opt-shell input[type="text"],
body.sm-eyesaver #sm-opt-shell input[type="password"],
body.sm-eyesaver #sm-opt-shell input[type="email"],
body.sm-eyesaver #sm-opt-shell select,
body.sm-eyesaver #sm-opt-shell textarea,
body.sm-eyesaver.sm-chrome-options input[type="text"],
body.sm-eyesaver.sm-chrome-options input[type="password"],
body.sm-eyesaver.sm-chrome-options input[type="email"],
body.sm-eyesaver.sm-chrome-options select,
body.sm-eyesaver.sm-chrome-options textarea {
  background: var(--sm-panel) !important;
  background-color: var(--sm-panel) !important;
  color: var(--sm-ink) !important;
  border-color: var(--sm-line) !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),
body.sm-eyesaver.sm-chrome-options table[width="95%"],
body.sm-eyesaver.sm-chrome-options table[width="90%"],
body.sm-eyesaver.sm-chrome-options table[width="70%"],
body.sm-eyesaver.sm-chrome-options table.sm-app-panel {
  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;
}

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;
}
/* Light glyphs — Eyesaver surfaces are dark; old #333 strokes vanished. */
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='%23a1a8b3' 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='%23a1a8b3' 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,
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,
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"],
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%"],
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 *,
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"],
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;
}

/*
 * Compose desktop: chrome-compose.css locks actions/labels at 11–12px and a
 * 30px button height. Beat those so Eyesaver’s type scale actually applies,
 * and keep native submit text vertically centered (height + line-height).
 */
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-mode-title {
  font-size: 17px !important;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td[width="10%"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td[align="right"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-opts-cell label,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) form[name="compose"] label {
  font-size: 15px !important;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table input[type="text"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table input[name="send_to"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table input[name="send_to_cc"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table input[name="send_to_bcc"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table input[name="subject"] {
  font-size: 16px !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table select:not(.sm-ced-select),
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table select[name="mailprio"] {
  font-size: 15px !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 38px !important;
  padding: 0 12px !important;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) tr.sm-compose-actions-row input[type="submit"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) tr.sm-compose-actions-row input[type="button"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input[type="submit"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input[type="button"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input[name="send"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input.sm-chrome-primary,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell a.sm-compose-cancel,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) tr.sm-compose-actions-row a.sm-compose-cancel,
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="send"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[value="Send"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input.sm-chrome-primary {
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  padding: 0 14px !important;
  margin: 0 4px 0 0 !important;
  font-size: 15px !important;
  line-height: 38px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  vertical-align: middle;
  display: inline-block;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input[name="send"],
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell input.sm-chrome-primary,
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[name="send"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input[value="Send"],
body.sm-eyesaver.sm-chrome-compose form[name="compose"] input.sm-chrome-primary {
  padding: 0 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell a.sm-compose-cancel,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) tr.sm-compose-actions-row a.sm-compose-cancel {
  line-height: 38px !important;
  text-decoration: none !important;
}
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-quota,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-autosave-status,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell .sm-compose-quota,
body.sm-eyesaver.sm-chrome-compose:not(.sm-phone-layout) .sm-compose-top-table td.sm-compose-actions-cell .sm-compose-autosave-status,
body.sm-eyesaver.sm-chrome-compose .sm-compose-aside-sub {
  font-size: 14px !important;
  line-height: 1.4 !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;
}