/*
 * Folan CRM · почта · визуальное обновление (десктоп).
 * Подключается отдельным <link> после основного CSS в D:\FolanCRM\www\index.html.
 * Селекторы усилены :root:not(.folan-mail-mobile) + !important — иначе перебивают слои mail-*.css сборки.
 * Действует только на светлых темах (.mail-page--tone-light); тёмные темы не трогает.
 * Цвета берутся из переменных выбранной темы («Ещё → Оформление»): --mail-accent, --mail-surface, --mail-text…
 * Фон страницы не меняется — фоновые картинки тем сохраняются.
 * Откат: убрать <link> из index.html. Мобильная раскладка не затрагивается.
 */

@media (min-width: 1101px) {
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light {
    --mr-olive: var(--mail-accent, #657444);
    --mr-olive-deep: color-mix(in srgb, var(--mr-olive) 78%, #000);
    --mr-olive-tint: color-mix(in srgb, var(--mr-olive) 9%, var(--mr-card));
    --mr-olive-soft: color-mix(in srgb, var(--mr-olive) 16%, var(--mr-card));
    --mr-ink: var(--mail-text, #2d3526);
    --mr-muted: var(--mail-muted, #7b8272);
    --mr-faint: color-mix(in srgb, var(--mr-muted) 65%, transparent);
    --mr-line: var(--mail-line, #e7e9e1);
    --mr-hover: color-mix(in srgb, var(--mr-ink) 4%, transparent);
    --mr-card: var(--mail-surface, #ffffff);
    --mr-radius: 14px;
  }

  /* ---------- Шапка раздела ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__header h1 {
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions {
    gap: 4px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions > button {
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions > button:not(.ghost) {
    background: var(--mr-olive) !important;
    color: #fff !important;
    padding: 0 18px 0 40px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 20h9'/%3e%3cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 16px !important;
    box-shadow: 0 1px 2px rgba(45, 53, 38, 0.18) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions > button:not(.ghost):hover {
    background-color: var(--mr-olive-deep) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions > button.ghost {
    color: var(--mr-muted) !important;
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-page__actions > button.ghost:hover {
    color: var(--mr-ink) !important;
    background: var(--mr-olive-tint) !important;
  }

  /* ---------- Колонки ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-layout {
    gap: 0 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-sidebar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 6px 12px 0 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-reader {
    background: var(--mr-card) !important;
    border: 1px solid var(--mr-line) !important;
    border-radius: var(--mr-radius) !important;
    box-shadow: 0 1px 2px rgba(45, 53, 38, 0.04) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-col-resizer {
    background: transparent !important;
    position: relative !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-col-resizer::after {
    content: '';
    position: absolute !important;
    inset: 30% 3px !important;
    border-radius: 2px !important;
    background: transparent !important;
    transition: background 0.15s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-col-resizer:hover::after {
    background: var(--mr-olive-soft) !important;
  }

  /* ---------- Ящики ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account-search {
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-card) !important;
    font-size: 13px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account-card {
    margin-bottom: 2px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    align-items: center !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: transparent !important;
    text-align: left !important;
    transition: background 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account:hover {
    background: rgba(101, 116, 68, 0.07) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account.active {
    background: var(--mr-card) !important;
    box-shadow: 0 1px 2px rgba(45, 53, 38, 0.08), inset 0 0 0 1px var(--mr-line) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account__email {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--mr-ink) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account__name {
    grid-column: 1 !important;
    grid-row: 2 !important;
    font-size: 12px !important;
    color: var(--mr-muted) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account__badge {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-accounts-others__toggle {
    border-radius: 10px !important;
    font-size: 12.5px !important;
    color: var(--mr-muted) !important;
    background: transparent !important;
    border: 1px dashed var(--mr-line) !important;
  }

  /* ---------- Папки ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folders-block {
    border-top: 1px solid var(--mr-line) !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder {
    height: 38px !important;
    padding: 0 12px !important;
    gap: 10px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: var(--mr-ink) !important;
    background: transparent !important;
    transition: background 0.12s, color 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder:hover {
    background: rgba(101, 116, 68, 0.07) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder__icon,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder svg {
    color: var(--mr-muted) !important;
    opacity: 1 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder.active {
    background: var(--mr-olive-soft) !important;
    color: var(--mr-olive-deep) !important;
    font-weight: 600 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder.active .mail-folder__icon,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder.active svg {
    color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-account__badge:not(.is-empty),
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder__badge:not(.is-empty) {
    min-width: 22px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: var(--mr-olive) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: center !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light :is(.mail-account__badge, .mail-folder__badge).is-empty {
    background: transparent !important;
    box-shadow: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folder:not(.active) .mail-folder__badge {
    background: transparent !important;
    color: var(--mr-olive) !important;
    padding: 0 2px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-new-folder {
    font-size: 13px !important;
    color: var(--mr-muted) !important;
    padding: 8px 12px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-new-folder:hover {
    color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-sidebar-more__toggle {
    border-radius: 10px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-card) !important;
    font-size: 13px !important;
    color: var(--mr-muted) !important;
  }

  /* ---------- Поиск и фильтры ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 12px 6px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search__query {
    flex: 1 !important;
    min-width: 0 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search__query input {
    width: 100% !important;
    height: 38px !important;
    padding: 0 12px 0 36px !important;
    border-radius: 999px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-hover) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8272' stroke-width='2' stroke-linecap='round'%3e%3ccircle cx='11' cy='11' r='7'/%3e%3cpath d='m20 20-3.5-3.5'/%3e%3c/svg%3e") no-repeat 13px center / 16px !important;
    font-size: 13.5px !important;
    transition: border-color 0.12s, background-color 0.12s, box-shadow 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search__query input:focus {
    outline: none !important;
    background-color: var(--mr-card) !important;
    border-color: var(--mr-olive) !important;
    box-shadow: 0 0 0 3px rgba(101, 116, 68, 0.14) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search__attach {
    height: 38px !important;
    border-radius: 999px !important;
    border: 1px solid var(--mr-line) !important;
    background-color: var(--mr-card) !important;
    font-size: 12.5px !important;
    color: var(--mr-muted) !important;
    padding: 0 10px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-search > button {
    height: 38px !important;
    border-radius: 999px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__filters {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 12px 10px !important;
    border-bottom: 1px solid var(--mr-line) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__heading {
    flex: 1 0 100% !important;
    margin: 0 0 4px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__heading span {
    margin-left: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--mr-faint) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-filter-chip {
    height: 28px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-card) !important;
    color: var(--mr-ink) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-filter-chip:hover {
    border-color: var(--mr-olive-soft) !important;
    background: var(--mr-hover) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-filter-chip.is-on {
    background: var(--mr-ink) !important;
    border-color: var(--mr-ink) !important;
    color: #fff !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-filter-chip__dot {
    background: #d9622b !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__select {
    order: 10 !important;
    margin-left: auto !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    color: var(--mr-muted) !important;
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__select:hover {
    color: var(--mr-ink) !important;
    background: var(--mr-hover) !important;
  }

  /* ---------- Строки писем ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list {
    padding: 4px 6px 8px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list > li {
    border: 0 !important;
    position: relative !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list > li + li::before {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: 34px !important;
    right: 10px !important;
    height: 1px !important;
    background: var(--mr-line) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list > li:hover::before,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list > li:hover + li::before {
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap {
    position: relative !important;
    border-radius: 12px !important;
    transition: background 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:hover {
    background: var(--mr-hover) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:has(.mail-message-row.active) {
    background: var(--mr-olive-tint) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:has(.mail-message-row.active)::after {
    content: '';
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    bottom: 12px !important;
    width: 3px !important;
    border-radius: 3px !important;
    background: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row {
    padding: 10px 10px 11px 4px !important;
    gap: 2px !important;
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row.active {
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__top strong {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__top time {
    font-size: 12px !important;
    color: var(--mr-faint) !important;
    font-variant-numeric: tabular-nums !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__subject,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__subject-text {
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__preview {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: var(--mr-muted) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row.unread .mail-message-row__top strong,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row.unread .mail-message-row__subject-text {
    font-weight: 700 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row.unread .mail-message-row__top time {
    color: var(--mr-olive) !important;
    font-weight: 600 !important;
  }

  /* «Входящее» на каждом письме — шум: прячем, оставляем «Отправленное» и метки */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-dir-badge--in {
    display: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row__tags:not(:has(> :not(.mail-dir-badge--in))) {
    display: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-dir-badge--out {
    border-radius: 999px !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
    background: var(--mr-olive-tint) !important;
    color: var(--mr-olive-deep) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-label-chip {
    border-radius: 999px !important;
    font-size: 11px !important;
  }

  /* Точка «непрочитано» — в цвет бренда */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-seen-toggle {
    align-self: stretch !important;
    width: 30px !important;
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-seen-toggle__dot {
    width: 8px !important;
    height: 8px !important;
    border: 1.5px solid transparent !important;
    background: transparent !important;
    transition: background 0.12s, border-color 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-seen-toggle.is-unread .mail-seen-toggle__dot {
    background: var(--mr-olive) !important;
    border-color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-seen-toggle:not(.is-unread):hover .mail-seen-toggle__dot {
    border-color: var(--mr-faint) !important;
  }

  /* Закрепить / важное — только при наведении (или если включено) */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-row-actions {
    gap: 2px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-pin-btn,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-flag-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    color: var(--mr-muted) !important;
    background: transparent !important;
    opacity: 0 !important;
    transition: opacity 0.12s, background 0.12s, color 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:hover .mail-pin-btn,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:hover .mail-flag-btn,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-pin-btn:focus-visible,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-flag-btn:focus-visible,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-pin-btn.is-on,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-flag-btn.is-on {
    opacity: 1 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-pin-btn:hover,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-flag-btn:hover {
    background: var(--mr-card) !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-pin-btn.is-on {
    color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-flag-btn.is-on {
    color: #d9622b !important;
  }

  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list__pin-label {
    padding: 10px 12px 4px 34px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mr-faint) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list-status {
    font-size: 12px !important;
    color: var(--mr-faint) !important;
  }

  /* ---------- Письмо ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-reader {
    padding: 22px 26px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-reader > .empty-state {
    margin: auto !important;
    padding-top: 120px !important;
    text-align: center !important;
    color: var(--mr-faint) !important;
    font-size: 14px !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3e%3crect x='8' y='14' width='48' height='36' rx='8' fill='%23eef0e6' stroke='%23c5c98a' stroke-width='2'/%3e%3cpath d='m10 18 22 16 22-16' stroke='%23657444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center 40px / 64px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-thread__subject {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-reader__toolbar {
    gap: 6px !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-action {
    height: 34px !important;
    padding: 0 13px !important;
    gap: 6px !important;
    border-radius: 999px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-card) !important;
    color: var(--mr-ink) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-action:hover {
    background: var(--mr-hover) !important;
    border-color: var(--mr-olive-soft) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-action--primary {
    background: var(--mr-olive) !important;
    border-color: var(--mr-olive) !important;
    color: #fff !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-action--primary:hover {
    background: var(--mr-olive-deep) !important;
    border-color: var(--mr-olive-deep) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-action--deal {
    background: var(--mr-olive-tint) !important;
    border-color: transparent !important;
    color: var(--mr-olive-deep) !important;
  }

  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-crm-context {
    border-radius: 12px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-hover) !important;
    box-shadow: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-crm-context--empty {
    border-style: dashed !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-crm-context__heading {
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    color: var(--mr-faint) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-crm-context button {
    border-radius: 999px !important;
  }

  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-conversation__caption {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--mr-faint) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-card {
    border-radius: 12px !important;
    border: 1px solid var(--mr-line) !important;
    box-shadow: none !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-card.is-current {
    border-color: var(--mr-olive-soft) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-avatar,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-addr-chip__avatar {
    background: var(--mr-olive-soft) !important;
    color: var(--mr-olive-deep) !important;
    font-weight: 600 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-conversation__selected {
    color: var(--mr-olive) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-addr-chip {
    border-radius: 999px !important;
    background: var(--mr-hover) !important;
    border: 1px solid var(--mr-line) !important;
  }

  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__item {
    border-radius: 12px !important;
    border: 1px solid var(--mr-line) !important;
    background: var(--mr-card) !important;
    transition: border-color 0.12s, background 0.12s !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__item:hover {
    border-color: var(--mr-olive-soft) !important;
    background: var(--mr-hover) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__name {
    font-weight: 500 !important;
    color: var(--mr-ink) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__size {
    color: var(--mr-muted) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__all,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-attachments__icon-btn {
    border-radius: 999px !important;
    color: var(--mr-olive) !important;
  }

  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-quick-reply__field {
    border-radius: 12px !important;
    border: 1px solid var(--mr-line) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-quick-reply__field:focus-within {
    border-color: var(--mr-olive) !important;
    box-shadow: 0 0 0 3px rgba(101, 116, 68, 0.14) !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-quick-reply__send {
    border-radius: 999px !important;
    background: var(--mr-olive) !important;
    color: #fff !important;
  }

  /* ---------- Скроллбары ---------- */
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-list,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-reader,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-folders {
    scrollbar-width: thin !important;
    scrollbar-color: #d6d9cd transparent !important;
  }
}

/* Доводка после превью: строки без «карточной» подложки, компактнее; «Выбрать» в строке заголовка */
@media (min-width: 1101px) {
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap:not(:hover):not(:has(.mail-message-row.active)) {
    background: transparent !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row,
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-message-row-wrap {
    min-height: 0 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__heading {
    flex: 1 1 0 !important;
    width: auto !important;
    order: 0 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__select {
    order: 1 !important;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-list__filters::after {
    content: '';
    flex-basis: 100%;
    order: 2;
  }
  :root:not(.folan-mail-mobile) body .mail-page.mail-page--tone-light .mail-filter-chip {
    order: 3 !important;
  }
}

/* Индикатор копирования вложений при пересылке (флаг ставит патч бандла). Для всех ширин. */
html[data-folan-fwd-copying] .mail-compose__bottom::before {
  content: 'Копирую вложения для пересылки…';
  order: -1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
  padding: 6px 12px 6px 30px;
  border-radius: 999px;
  background: #eef0e6 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657444' stroke-width='2.5' stroke-linecap='round'%3e%3cpath d='M21 12a9 9 0 1 1-6.2-8.56'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.9s' repeatCount='indefinite'/%3e%3c/path%3e%3c/svg%3e") no-repeat 10px center / 14px;
  color: #4a5530;
  font-size: 12.5px;
  font-weight: 500;
  white-space: nowrap;
}