/* Xmail UI — interfaccia webmail
 * Sviluppato da XCC Customs Informatica */
:root {
  /* Fallback se il tema non carica; i temi Xmail sovrascrivono tutto dopo */
  --xmail-accent: #e11d48;
  --xmail-accent-hover: #be123c;
  --xmail-accent-soft: rgba(225, 29, 72, 0.22);
  --xmail-accent-ring: rgba(225, 29, 72, 0.42);
  --xmail-accent-contrast: #fecdd3;
  --xmail-glass: rgba(18, 18, 20, 0.72);
  --xmail-surface: rgba(24, 24, 27, 0.92);
  --xmail-surface-2: rgba(28, 28, 32, 0.88);
  --xmail-navbar-bg: rgba(18, 18, 20, 0.9);
  --xmail-panel-bg: #141416;
  --xmail-border: transparent;
  --xmail-divider: rgba(255, 255, 255, 0.08);
  --xmail-text: #f4f4f5;
  --xmail-muted: #a1a1aa;
  --xmail-radius: 18px;
  --xmail-radius-ui: 14px;
  --xmail-radius-menu: 16px;
  --xmail-radius-pill: 999px;
  --xmail-btn-bg: rgba(225, 29, 72, 0.14);
  --xmail-btn-bg-hover: rgba(225, 29, 72, 0.24);
  --xmail-btn-bg-active: rgba(225, 29, 72, 0.34);
  --xmail-search-bg: rgba(18, 18, 20, 0.55);
  --xmail-search-bg-hover: rgba(18, 18, 20, 0.68);
  --xmail-search-bg-focus: rgba(18, 18, 20, 0.78);
  --xmail-menu-bg: rgba(24, 24, 27, 0.94);
  --xmail-menu-item-hover: rgba(255, 255, 255, 0.08);
  --xmail-toolbar-h: 52px;
  --xmail-navbar-h: 60px;
  --xmail-folder-w: 212px;
  --xmail-list-w: 400px;
  --xmail-mail-body-bg: #1a1a1c;
  --xmail-mail-body-fg: #e4e4e7;
  --xmail-mail-html-bg: #ffffff;
  --xmail-mail-html-fg: #1f2937;
  --xmail-panel-gap: 10px;
  --xmail-text-strong: #ffffff;
  --xmail-text-soft: rgba(244, 244, 245, 0.86);
  --xmail-muted-2: #71717a;
  --xmail-icon: #d4d4d8;
  --xmail-faint: rgba(255, 255, 255, 0.38);
  --xmail-hover-bg: rgba(255, 255, 255, 0.07);
  --xmail-hover-bg-strong: rgba(255, 255, 255, 0.12);
  --xmail-bg-deep: #121214;
  --xmail-surface-solid: #141416;
  --xmail-menu-solid: rgba(24, 24, 27, 0.98);
  --xmail-accent-text: var(--xmail-accent, #e11d48);
  --xmail-accent-text-soft: #fecdd3;
  --xmail-link: #93c5fd;
  --xmail-link-soft: #60a5fa;
  --xmail-warn-text: #fbbf24;
  --xmail-ok-text: #4ade80;
  color-scheme: dark;
}

/* ── LIGHT MODE — copre TUTTI i token, non solo i “plus”.
   Specificità html.xmail-theme-light vince su :root del file e del tema. */
html.xmail-theme-light {
  --xmail-glass: rgba(255, 255, 255, 0.72);
  --xmail-surface: rgba(255, 255, 255, 0.92);
  --xmail-surface-2: rgba(255, 255, 255, 0.72);
  --xmail-navbar-bg: rgba(255, 255, 255, 0.94);
  --xmail-panel-bg: #ffffff;
  --xmail-text: #1e293b;
  --xmail-muted: #64748b;
  --xmail-text-strong: #0f172a;
  --xmail-text-soft: rgba(30, 41, 59, 0.82);
  --xmail-muted-2: #94a3b8;
  --xmail-icon: #55607a;
  --xmail-faint: rgba(15, 23, 42, 0.35);
  --xmail-hover-bg: rgba(15, 23, 42, 0.05);
  --xmail-hover-bg-strong: rgba(15, 23, 42, 0.09);
  --xmail-bg-deep: #eef2f7;
  --xmail-surface-solid: #ffffff;
  --xmail-menu-solid: rgba(255, 255, 255, 0.98);
  --xmail-search-bg: rgba(255, 255, 255, 0.72);
  --xmail-search-bg-hover: rgba(255, 255, 255, 0.82);
  --xmail-search-bg-focus: rgba(255, 255, 255, 0.92);
  --xmail-menu-bg: rgba(255, 255, 255, 0.98);
  --xmail-menu-item-hover: rgba(15, 23, 42, 0.06);
  --xmail-accent-text: var(--xmail-accent, #e11d48);
  --xmail-accent-text-soft: var(--xmail-accent-hover, #be123c);
  --xmail-link: #2563eb;
  --xmail-link-soft: #1d4ed8;
  --xmail-warn-text: #b45309;
  --xmail-ok-text: #15803d;
  --xmail-divider: rgba(15, 23, 42, 0.08);
  --xmail-mail-body-bg: #ffffff;
  --xmail-mail-body-fg: #1f2937;
  color-scheme: light;
}

/* Testo bianco confermato sugli sfondi accent pieni */
html.xmail-theme-light .btn.buttonLogin,
html.xmail-theme-light .btn.buttonCompose,
html.xmail-theme-light .btn.btn-primary,
html.xmail-theme-light .btn.btn-success:not(.button-send),
html.xmail-theme-light:not(.xmail-compose-mockup-on) .b-compose .b-header-toolbar .button-send,
html.xmail-theme-light .btn.buttonLogin:hover,
html.xmail-theme-light .btn.buttonCompose:hover,
html.xmail-theme-light .btn.btn-primary:hover,
html.xmail-theme-light .btn.btn-success:not(.button-send):hover,
html.xmail-theme-light:not(.xmail-compose-mockup-on) .b-compose .b-header-toolbar .button-send:hover,
html.xmail-theme-light .btn.btn-danger:hover,
html.xmail-theme-light body #rl-app .b-folders .btn.buttonCompose,
html.xmail-theme-light body #rl-app .messageList .btn.buttonCompose,
html.xmail-theme-light body #rl-app .b-folders .btn.buttonCompose:hover,
html.xmail-theme-light body #rl-app .messageList .btn.buttonCompose:hover,
html.xmail-theme-light body #rl-app .btn.btn-success.buttonCompose,
html.xmail-theme-light.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .button-send,
html.xmail-theme-light.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .btn.button-send,
html.xmail-theme-light.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-send,
html.xmail-theme-light.xmail-mobile.xmail-compose-mobile .b-compose .xmail-attach-count,
html.xmail-theme-light .xmail-fab-compose {
  color: #fff !important;
}

/* Warning hover: testo scuro leggibile su ambra chiara */
html.xmail-theme-light .btn.btn-warning:hover {
  color: #78350f !important;
}

/* Icone SVG chiare hardcoded: inversione controllata in light
   (i colori semantici — rosso/ambra/verde — restano nella stessa famiglia) */
html.xmail-theme-light body #rl-app .messageView .message-fixed-button-toolbar .btn [class^="icon-"],
html.xmail-theme-light body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu [class^="icon-"],
html.xmail-theme-light body .b-compose .b-header-toolbar .icon-floppy,
html.xmail-theme-light body .b-compose .b-header-toolbar .icon-trash,
html.xmail-theme-light body .b-compose .b-header .btn-group .btn [class^="icon-"],
html.xmail-theme-light body .b-compose .b-header .xmail-icon-attach-add,
html.xmail-theme-light body .b-compose .b-header .e-identity .xmail-identity-caret,
html.xmail-theme-light body .b-compose .cke_button_icon {
  filter: invert(1) hue-rotate(180deg) !important;
}

/* Ombre più leggere su superfici chiare */
html.xmail-theme-light .dropdown-menu,
html.xmail-theme-light .g-ui-menu,
html.xmail-theme-light .modal,
html.xmail-theme-light .b-compose.modal {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16) !important;
}

html.xmail-theme-light .xmail-fab-compose {
  box-shadow: 0 10px 26px color-mix(in srgb, var(--xmail-accent, #e11d48) 35%, transparent);
}

html,
body,
#rl-app {
  background: var(--xmail-bg-deep, #121214) !important;
  background-color: var(--xmail-bg-deep, #121214) !important;
  background-image: none !important;
}

/* ── GLOBAL ─────────────────────────────────────────────── */
html, body, #rl-app,
html body #rl-app,
html body #rl-app input,
html body #rl-app textarea,
html body #rl-app select,
html body #rl-app button,
html body #rl-app .btn,
html body #xmail-navbar {
  font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html, body, #rl-app {
  color: var(--xmail-text) !important;
  font-size: 14px !important;
  letter-spacing: -0.011em !important;
  line-height: 1.45 !important;
}

.e-powered, .thm-powered { display: none !important; }

/* ── BUTTONS — borderless modern ─────────────────────── */
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn[disabled],
.btn.disabled,
.btn.btn-primary,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-info,
.btn.btn-inverse,
.btn.btn-link {
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  border: none !important;
  border-radius: var(--xmail-radius-ui) !important;
  transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease, transform 0.12s ease !important;
}

.btn {
  background: var(--xmail-btn-bg) !important;
  color: var(--xmail-text) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
  line-height: 1.2 !important;
}

.btn:hover,
.btn:focus {
  background: var(--xmail-btn-bg-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn:active,
.btn.active {
  background: var(--xmail-btn-bg-active) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn[disabled],
.btn.disabled {
  opacity: 0.45 !important;
  background: var(--xmail-btn-bg) !important;
  cursor: default !important;
}

.btn.buttonLogin,
.btn.buttonCompose,
.btn.btn-primary,
.btn.btn-success:not(.button-send),
html:not(.xmail-compose-mockup-on) .b-compose .b-header-toolbar .button-send {
  background: var(--xmail-accent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-weight: 600 !important;
}

/* #rl-popups: layer popup — non deve mai bloccare click sulla mailbox */
html body #rl-popups {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1100 !important;
  pointer-events: none !important;
  background: transparent !important;
  overflow: visible !important;
}

html body #rl-popups > .popups,
html body #rl-popups > .rl-view-model {
  pointer-events: none !important;
}

/* Anti-scatto compose (desktop): invisibile finché non è agganciato al viewer */
html:not(.xmail-compose-inline):not(.xmail-mobile) #rl-popups .RL-PopupsCompose .b-compose.modal {
  visibility: hidden !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose.modal.in,
html.xmail-compose-mobile .b-compose.modal.in {
  visibility: visible !important;
  pointer-events: auto !important;
}

.btn.buttonLogin:hover,
.btn.buttonCompose:hover,
.btn.btn-primary:hover,
.btn.btn-success:not(.button-send):hover,
html:not(.xmail-compose-mockup-on) .b-compose .b-header-toolbar .button-send:hover {
  background: var(--xmail-accent-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn.btn-danger {
  background: var(--xmail-accent-soft) !important;
  color: var(--xmail-accent-contrast) !important;
}

.btn.btn-danger:hover {
  background: var(--xmail-accent) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn.btn-warning {
  background: rgba(245, 158, 11, 0.16) !important;
  color: var(--xmail-warn-text, #fbbf24) !important;
}

.btn.btn-warning:hover {
  background: rgba(245, 158, 11, 0.26) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn.buttonCompose {
  height: auto !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  letter-spacing: 0.02em !important;
}

.btn-group {
  font-size: 0 !important;
}

.btn-group > .btn,
.btn-group > .dropdown > .btn,
.btn-group > .dropdown-toggle {
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--xmail-radius-ui) !important;
  margin: 0 2px !important;
  float: none !important;
}

.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .btn.first,
.btn-group > .btn.last,
.btn-group > .btn.single {
  border-radius: var(--xmail-radius-ui) !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.btn-group .btn {
  background: transparent !important;
  color: var(--xmail-icon, #b8c4d8) !important;
  opacity: 1;
}

.btn-group .btn:hover,
.btn-group .btn:focus {
  background: var(--xmail-btn-bg-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.btn-group.open > .btn,
.btn-group.open > .dropdown-toggle,
.dropdown.open > .btn,
.dropdown.open > .dropdown-toggle {
  background: var(--xmail-btn-bg-active) !important;
  color: var(--xmail-text-strong, #fff) !important;
  box-shadow: none !important;
}

.btn .caret,
.dropdown-toggle .caret {
  border-top-color: var(--xmail-muted, #9aa6ba) !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  opacity: 0.75 !important;
  margin-top: 8px !important;
}

/* ── INPUTS & SEARCH ──────────────────────────────────── */
html {
  color-scheme: dark;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select,
.uneditable-input {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  background-color: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--xmail-text, #e8edf5) !important;
  -webkit-text-fill-color: var(--xmail-text, #e8edf5) !important;
  caret-color: var(--xmail-text, #e8edf5) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color-scheme: dark;
  -webkit-appearance: none !important;
  appearance: none !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border: none !important;
  outline: none !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 0 0 2px var(--xmail-accent-ring) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--xmail-muted, #8b95a8) !important;
  opacity: 1 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #161618 inset !important;
  -webkit-text-fill-color: var(--xmail-text, #e8edf5) !important;
  caret-color: var(--xmail-text, #e8edf5) !important;
}

.input-append .add-on,
.input-prepend .add-on {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border: none !important;
  color: var(--xmail-muted) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.messageList .inputSearch {
  background: transparent !important;
  border: none !important;
  color: var(--xmail-text) !important;
  border-radius: 0 !important;
  height: 38px !important;
  padding: 0 8px 0 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  font-size: 13px !important;
}

.messageList .inputSearch::placeholder {
  color: var(--xmail-muted) !important;
  opacity: 0.85 !important;
}

.messageList .inputSearch:focus {
  background: transparent !important;
  border: none !important;
  outline: none !important;
}

/* ── FOLDERS SIDEBAR ──────────────────────────────────── */
#rl-left .b-folders {
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: block !important;
}

/* Sidebar cartelle: leggera trasparenza per intravedere lo sfondo del tema */
.b-folders {
  background: color-mix(in srgb, var(--xmail-surface-solid, #141416) 82%, transparent) !important;
  border-right: none !important;
  backdrop-filter: blur(20px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
}

html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-left .b-folders {
  background: color-mix(in srgb, var(--xmail-surface-solid, #141416) 82%, transparent) !important;
  background-image: none !important;
  backdrop-filter: blur(20px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
}

.b-folders .b-toolbar,
.b-folders .b-footer,
.b-folders .b-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.xmail-navbar-ready #rl-left .b-folders .b-content,
html.xmail-navbar-ready #rl-left .b-folders .b-content {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 44px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
}

html.xmail-navbar-ready #rl-left .b-folders .b-content::before,
html.xmail-navbar-ready #rl-left .b-folders .b-content::before {
  content: none !important;
  display: none !important;
}

html.xmail-navbar-ready #rl-left .b-folders .b-footer,
html.xmail-navbar-ready #rl-left .b-folders .b-footer {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 44px !important;
  padding: 6px 8px !important;
  border-top: none !important;
  background: transparent !important;
}

.b-folders .b-content .e-item .e-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--xmail-muted) !important;
  border: none !important;
  border-radius: 12px !important;
  margin: 1px 8px !important;
  padding: 0 10px !important;
  height: 36px !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.b-folders .b-content .e-item .e-link .xmail-folder-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.72)) !important;
}

.b-folders .b-content .e-item .e-link.selectable.selected .xmail-folder-ico,
.b-folders .b-content .e-item .e-link.selectable:hover .xmail-folder-ico {
  color: var(--xmail-text-strong, #fff) !important;
}

.b-folders .b-content .e-item .e-link .xmail-folder-ico svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
}

.b-folders .b-content .e-item .e-link .xmail-folder-ico {
  order: 1 !important;
}

.b-folders .b-content .e-item .e-link .name {
  order: 2 !important;
}

.b-folders .b-content .e-item .e-link .badge,
.b-folders .b-content .e-item .e-link .count {
  order: 3 !important;
  float: none !important;
  margin-left: auto !important;
}

/* Nascondi caret/collapse stock e stella inbox */
.b-folders .b-content .e-item .e-link > i[class*="icon-"]:not(.e-collapsed-sign),
.b-folders .b-content .e-item .e-link .inbox-star-icon {
  display: none !important;
}

.b-folders .b-content .e-item .e-link > i.e-collapsed-sign {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  color: var(--xmail-muted, rgba(232, 237, 245, 0.55)) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  order: 0 !important;
}

.b-folders .b-content .e-item .e-link > i.e-collapsed-sign::before {
  opacity: 0.85 !important;
}

.b-folders .b-content .e-item .e-link.selectable:hover > i.e-collapsed-sign,
.b-folders .b-content .e-item .e-link.selectable.selected > i.e-collapsed-sign {
  color: var(--xmail-text-strong, #fff) !important;
}

.b-folders .b-content .b-sub-folders,
.b-folders .b-content .b-sub-folders .e-item,
.b-folders .b-content .b-sub-folders .e-link {
  pointer-events: auto !important;
}

.b-folders .b-content .e-item .e-link .name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: 1 !important;
}

.b-folders .b-content .e-item .e-link.selectable {
  color: var(--xmail-text) !important;
}

.b-folders .b-content .e-item .e-link.selectable:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.b-folders .b-content .e-item .e-link.selectable.selected {
  background: color-mix(in srgb, var(--xmail-accent) 18%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.b-folders .b-content .e-item .e-link.selectable.selected .name {
  color: var(--xmail-text-strong, #fff) !important;
}

.b-folders .b-content .e-item .e-link .focused-poiner {
  display: none !important;
}

.b-folders .b-list-delimiter,
.b-folders hr.b-list-delimiter {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 10px !important;
  background: transparent !important;
  margin: 4px 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.b-folders .badge,
.b-folders .e-link .count,
.b-folders .e-link .count .badge {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  text-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.01em !important;
  min-width: 1.6em !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0.92 !important;
}

/* ── MESSAGE LIST ─────────────────────────────────────── */
.messageList .toolbar,
.messageList .second-toolbar {
  background: var(--xmail-glass) !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--xmail-text) !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
}

.messageList .toolbar {
  border-bottom: none !important;
  min-height: 0 !important;
}

.messageList .second-toolbar {
  border-bottom: none !important;
  background: transparent !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.messageList .second-toolbar .form-inline {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

.messageList .second-toolbar .checkboxCkeckAll {
  flex-shrink: 0 !important;
  font-size: 17px !important;
  color: var(--xmail-muted) !important;
  cursor: pointer !important;
  margin: 0 2px !important;
}

.messageList .second-toolbar .input-append {
  flex: 1 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 40px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid var(--xmail-border) !important;
  border-radius: var(--xmail-radius-ui) !important;
  padding: 0 4px 0 0 !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

.messageList .second-toolbar .input-append:focus-within {
  border-color: color-mix(in srgb, var(--xmail-accent) 55%, var(--xmail-border)) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
}

.messageList .second-toolbar .close-input-wrp {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  min-width: 0 !important;
  padding-left: 36px !important;
}

.messageList .second-toolbar .close-input-wrp::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  transform: translateY(-50%) !important;
  opacity: 0.55 !important;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b95a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
}

.messageList .second-toolbar .close-input-wrp .close {
  position: static !important;
  float: none !important;
  order: 2 !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 4px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  color: var(--xmail-muted) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 0.85 !important;
  text-shadow: none !important;
}

.messageList .second-toolbar .close-input-wrp .close:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  opacity: 1 !important;
}

.messageList .second-toolbar .buttonMoreSearch {
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 3px 0 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-left: 1px solid var(--xmail-border) !important;
  border-radius: 0 8px 8px 0 !important;
}

.messageList .second-toolbar .buttonMoreSearch .caret {
  margin: 0 !important;
  border-top-color: var(--xmail-muted) !important;
}

.messageList .second-toolbar .buttonMoreSearch:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
}

.messageList .toolbar .btn-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
}

.messageList .b-message-list-wrapper {
  background: var(--xmail-surface) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.messageList .b-content {
  background: transparent !important;
  color: var(--xmail-text) !important;
}

.messageList .b-footer {
  background: transparent !important;
  border-top: none !important;
  border-radius: 0 !important;
  color: var(--xmail-muted) !important;
}

.messageList .mainDelimiter,
.messageList .toolbarDelimiter,
.messageList .footerDelimiter {
  display: none !important;
  background: transparent !important;
  height: 0 !important;
}

.messageList .b-content .listEmptyList,
.messageList .b-content .listEmptyListLoading,
.messageList .b-content .listEmptySearchList,
.messageList .b-content .listError,
.messageList .b-content .listDragOver {
  color: var(--xmail-muted) !important;
  background: transparent !important;
  text-shadow: none !important;
}

.messageList .b-content .listEmptyList .e-text,
.messageList .b-content .listEmptySearchList .e-text {
  color: var(--xmail-muted) !important;
}

.messageList .b-content .messageListItem {
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--xmail-muted) !important;
  margin: 2px 8px !important;
  padding: 14px 16px !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  border-radius: 16px !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Hit-area full-row: click ovunque seleziona la mail (checkbox/star sopra) */
.messageList .b-content .messageListItem .wrapper {
  position: relative !important;
}

.messageList .b-content .messageListItem .xmail-msg-hit {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.messageList .b-content .messageListItem .checkedParent,
.messageList .b-content .messageListItem .flagParent,
.messageList .b-content .messageListItem .threadsParent {
  position: relative !important;
  z-index: 2 !important;
}

.messageList .b-content .messageListItem .sender,
.messageList .b-content .messageListItem .subject,
.messageList .b-content .messageListItem .subject-prefix,
.messageList .b-content .messageListItem .subject-suffix {
  color: var(--xmail-text) !important;
  text-shadow: none !important;
}

.messageList .b-content .messageListItem .date,
.messageList .b-content .messageListItem .size {
  color: var(--xmail-muted) !important;
}

.messageList .b-content .messageListItem:hover,
.messageList .b-content .messageListItem.focused {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: none !important;
  box-shadow: none !important;
}

.messageList .b-content .messageListItem.selected,
.messageList .b-content .messageListItem.selected:hover,
.messageList .b-content .messageListItem.selected.focused {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

.messageList .b-content .messageListItem.selected::after {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  bottom: 14px !important;
  right: 0 !important;
  width: 3px !important;
  border-radius: 3px 0 0 3px !important;
  background: var(--xmail-accent) !important;
}

/* Niente barra/bordo sinistro (neanche su selected/unseen/checked) */
.messageList .b-content .messageListItem .sidebarParent,
.messageList .b-content .messageListItem.selected .sidebarParent,
.messageList .b-content .messageListItem.unseen .sidebarParent,
.messageList .b-content .messageListItem.hasUnseenSubMessage .sidebarParent,
.messageList .b-content .messageListItem.checked .sidebarParent,
.messageList .b-content .messageListItem.focused .sidebarParent {
  display: none !important;
  width: 0 !important;
  background: transparent !important;
}

/* Letti: più soft; non letti: più presenti */
.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .sender,
.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .subject,
.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .subject-prefix,
.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .subject-suffix {
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.62)) !important;
  font-weight: 500 !important;
}

.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .date,
.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .size {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.7)) !important;
}

.messageList .b-content .messageListItem.unseen,
.messageList .b-content .messageListItem.hasUnseenSubMessage {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 7%, transparent) !important;
}

.messageList .b-content .messageListItem.unseen:hover,
.messageList .b-content .messageListItem.hasUnseenSubMessage:hover {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 12%, transparent) !important;
}

.messageList .b-content .messageListItem.unseen .subject,
.messageList .b-content .messageListItem.new .subject,
.messageList .b-content .messageListItem.unseen .sender,
.messageList .b-content .messageListItem.hasUnseenSubMessage .sender,
.messageList .b-content .messageListItem.hasUnseenSubMessage .subject {
  color: var(--xmail-text-strong, #fff) !important;
  font-weight: 600 !important;
}

.messageList .b-content .messageListItem.unseen .sender::before,
.messageList .b-content .messageListItem.hasUnseenSubMessage .sender::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: var(--xmail-accent, #e11d48) !important;
  vertical-align: middle !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
}

.messageList .b-content .delimiter {
  display: none !important;
  background: transparent !important;
}

/* ── MESSAGE VIEW ─────────────────────────────────────── */
/* Con preview laterale la top-toolbar è inutilizzata: niente gap sotto la navbar */
html.rl-side-preview-pane .messageView > .toolbar.top-toolbar,
html.xmail-navbar-ready:not(.rl-no-preview-pane) .messageView > .toolbar.top-toolbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: none !important;
  pointer-events: none !important;
}

html.rl-no-preview-pane .messageView .toolbar {
  background: transparent !important;
  border-bottom: none !important;
  color: var(--xmail-text) !important;
  padding: 8px 12px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
}

/* Visualizzatore: sfondo solido quando c'è un messaggio aperto */
.messageView.message-selected .b-content,
.messageView.message-selected .b-message-view-wrapper,
#rl-sub-right.message-selected .messageView .b-content,
.messageView.message-selected.thm-message-view-background-color {
  background: var(--xmail-surface-2, #18181b) !important;
  background-color: var(--xmail-surface-2, #18181b) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--xmail-text) !important;
  box-shadow: none !important;
}

/* Visualizzatore vuoto: semi-trasparente per intravedere lo sfondo del tema */
html.xmail-navbar-ready .messageView:not(.message-selected) .b-content,
html.xmail-navbar-ready .messageView:not(.message-selected) .b-message-view-wrapper,
html.xmail-navbar-ready #rl-sub-right:not(.message-selected) .messageView .b-content,
html.xmail-navbar-ready .messageView:not(.message-selected).thm-message-view-background-color {
  background: color-mix(in srgb, var(--xmail-surface-2, rgba(24, 24, 27, 0.88)) 38%, transparent) !important;
  background-color: color-mix(in srgb, var(--xmail-surface-2, rgba(24, 24, 27, 0.88)) 38%, transparent) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--xmail-text) !important;
  box-shadow: none !important;
}

html.xmail-theme-light.xmail-navbar-ready .messageView:not(.message-selected) .b-content,
html.xmail-theme-light.xmail-navbar-ready .messageView:not(.message-selected) .b-message-view-wrapper,
html.xmail-theme-light.xmail-navbar-ready #rl-sub-right:not(.message-selected) .messageView .b-content {
  background: color-mix(in srgb, var(--xmail-surface-2, rgba(255, 255, 255, 0.85)) 32%, transparent) !important;
  background-color: color-mix(in srgb, var(--xmail-surface-2, rgba(255, 255, 255, 0.85)) 32%, transparent) !important;
}

/* Allinea il viewer alla navbar (RainLoop lascia top:58px per la toolbar) */
html.rl-side-preview-pane .messageView .b-content,
html.xmail-navbar-ready:not(.rl-no-preview-pane) .messageView .b-content,
html.xmail-navbar-ready:not(.rl-no-preview-pane) .messageView .b-message-view-wrapper {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

/* Empty viewer: nascondi logo/iframe; NON forzare display (rompe visible KO) */
.messageView .b-content .logoPlace,
.messageView .b-content .b-message-view-iframe {
  display: none !important;
}

.messageView .b-content .b-message-view-desc {
  margin: 0 !important;
  padding: 48px 24px !important;
  background: transparent !important;
  color: var(--xmail-muted) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}

html.xmail-theme-light .messageView .b-content .b-message-view-desc {
  text-shadow: 0 1px 8px rgba(255, 255, 255, 0.65);
}

.messageView .b-content .b-message-view-desc.error {
  color: var(--xmail-accent-text, #fda4af) !important;
}

.messageView .b-content .b-message-view-checked-helper {
  color: var(--xmail-muted) !important;
  background: transparent !important;
}

.messageView .b-content .messageItemHeader {
  background: transparent !important;
  border-bottom: 1px solid var(--xmail-divider, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text) !important;
  padding: 16px 20px 12px !important;
}

.messageView .b-content .messageItemHeader .subjectParent,
.messageView .b-content .messageItemHeader .informationShort,
.messageView .b-content .messageItemHeader .informationShort a,
.messageView .b-content .messageItemHeader .informationFull,
.messageView .b-content .messageItemHeader .informationFull a,
.messageView .b-content .messageItemHeader .emptySubjectText {
  color: var(--xmail-text) !important;
}

.messageView .b-content .messageItemHeader .informationShort a:hover,
.messageView .b-content .messageItemHeader .informationFull a:hover {
  color: var(--xmail-accent) !important;
}

.messageView .b-content .messageItemHeader .date,
.messageView .b-content .messageItemHeader .size,
.messageView .b-content .messageItemHeader .uiLabel {
  color: var(--xmail-muted) !important;
}

/*
 * RainLoop applica bodyBackgroundColor() inline su .messageItem > .content.
 * Chrome e plain restano dark; HTML marketing va su “carta” chiara isolata.
 */
.messageView .b-content .messageItem > .content,
.messageView .b-content .messageItem .g-scrollbox,
.messageView .b-content .messageItem .content-wrapper,
.messageView .b-content .messageItem .content-content {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
}

.messageView .b-content .messageItem .bodyText,
.messageView .b-content .messageItem .bodyText.rl-mv-root {
  background: var(--xmail-mail-body-bg, #1a1a1c) !important;
  background-color: var(--xmail-mail-body-bg, #1a1a1c) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 160px !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
  color-scheme: dark;
}

.messageView .b-content .logoPlace img {
  display: none !important;
}

#rl-sub-right .b-message-view-backdrop {
  background: rgba(0, 0, 0, 0.55) !important;
}

/* ── ALLEGATI — card + icone 3D per tipo (override completo in v37) ─ */
.messageView .b-content .messageItem .attachmentsPlace,
.b-compose .attachmentAreaParent {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--xmail-divider, rgba(255, 255, 255, 0.06)) !important;
  padding: 14px 16px !important;
}

.messageView .b-content .messageItem .attachmentsControls {
  background: transparent !important;
  border: none !important;
  padding: 0 16px 12px !important;
}

.messageView .b-content .messageItem .attachmentsPlace .attachmentList,
.b-compose .attachmentAreaParent ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.attachmentItem,
.messageView .attachmentItem,
.b-compose .attachmentItem {
  display: inline-flex !important;
  align-items: stretch !important;
  max-width: 260px !important;
  min-width: 170px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
  transition: background 0.15s ease, transform 0.15s ease, border-color 0.15s ease !important;
}

.attachmentItem:hover,
.messageView .attachmentItem:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-1px);
}

/* Una sola icona 3D: mai showPreview/showPreplay a riposo */
html body #rl-app .attachmentItem .attachmentIconParent .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent .showPreplay {
  display: none !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .hidePreview {
  display: block !important;
  position: relative !important;
  width: 40px !important;
  height: 48px !important;
}

.attachmentItem .attachmentNameParent,
.messageView .attachmentItem .attachmentNameParent {
  float: none !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 10px 12px 10px 4px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  background: transparent !important;
  border: none !important;
  color: var(--xmail-text, #e8edf5) !important;
}

.attachmentItem .attachmentName,
.messageView .attachmentItem .attachmentName {
  color: var(--xmail-text, #e8edf5) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

.attachmentItem .attachmentSize,
.messageView .attachmentItem .attachmentSize {
  color: var(--xmail-muted, #8b95a8) !important;
  font-size: 11px !important;
}

/* ── COMPOSE (base; override completo in v42) ─────────── */
.b-compose.modal {
  background: var(--xmail-surface, #161618) !important;
  border: 1px solid var(--xmail-border, rgba(255,255,255,0.08)) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65) !important;
  overflow: hidden !important;
}

/* ── SETTINGS & CONTACTS ────────────────────────────── */
.b-settings .b-toolbar,
.b-contacts .b-toolbar {
  background: var(--xmail-glass) !important;
  border-right: 1px solid var(--xmail-border) !important;
}

.b-settings .b-content,
.b-contacts .b-content {
  background: var(--xmail-surface-2) !important;
  color: var(--xmail-text) !important;
}

.b-settings .b-menu .e-item .e-link {
  color: var(--xmail-muted) !important;
}

.b-settings .b-menu .e-item.selectable:hover .e-link,
.b-settings .b-menu .e-item.selectable.selected .e-link {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

/* ── SPLASH + LOGIN background (layer dedicato, non si spegne) ─ */
#xmail-login-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  display: block !important;
  background-color: var(--xmail-bg-deep, #0b0b0d) !important;
  background-image: url("login-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#xmail-login-bg[hidden] {
  display: none !important;
}

html.xmail-login-bg-on body,
html.xmail-login-open body,
html body.xmail-login-open,
html body:has(.xmail-login),
html body:has(#rl-loading),
html.rl-booted-trigger:not(.rl-started) body {
  background-color: var(--xmail-bg-deep, #0b0b0d) !important;
  background-image: url("login-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

html.xmail-login-bg-on body #rl-bg,
html.xmail-login-open body #rl-bg,
html body.xmail-login-open #rl-bg,
html body:has(.xmail-login) #rl-bg,
html body:has(#rl-loading) #rl-bg,
html.rl-booted-trigger:not(.rl-started) body #rl-bg {
  background-color: transparent !important;
  background-image: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Login: non applicare il wipe “user-bg” allo sfondo branding */
html.xmail-login-open.xmail-has-user-bg #rl-bg.thm-body,
html.xmail-login-bg-on.xmail-has-user-bg #rl-bg.thm-body,
html body.xmail-login-open.xmail-has-user-bg #rl-bg.thm-body {
  background-image: none !important;
  background-color: transparent !important;
}

html.xmail-login-bg-on body #rl-bg .backstretch,
html.xmail-login-open body #rl-bg .backstretch,
html body:has(.xmail-login) #rl-bg .backstretch {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .e-mobile-switcher,
html body .thm-mobile-switcher,
html body .b-login-content .loginAfter,
html body .b-login-content > a[onclick],
html body .b-login-content .loginWelcomeForm {
  display: none !important;
}

html body .b-login-content.xmail-login {
  position: fixed !important;
  inset: 0 !important;
  z-index: 20 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  background: transparent !important;
}

html body .xmail-login-shell,
html body .xmail-login .loginFormWrapper {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-height: 100% !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  perspective: none !important;
  float: none !important;
}

html body .xmail-login-stage {
  width: min(420px, 100%) !important;
  margin: auto !important;
  padding: 40px 22px max(28px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
}

html body .xmail-login-hero {
  text-align: center !important;
  margin: 0 0 28px !important;
}

html body .xmail-login-title {
  margin: 0 !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  letter-spacing: -0.045em !important;
  color: var(--xmail-text, #f4f4f5) !important;
  line-height: 1 !important;
}

html body .xmail-login-title span {
  color: #e11d48 !important;
}

html body .xmail-login-logo-wrap .logoImg {
  max-width: 168px !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35)) !important;
}

html body .xmail-login-sub {
  margin: 12px auto 0 !important;
  max-width: 280px !important;
  color: var(--xmail-text-soft, rgba(228, 228, 231, 0.72)) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

html body .xmail-login-form,
html body .xmail-login .loginForm {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body .xmail-field {
  display: block !important;
  margin: 0 0 14px !important;
}

html body .xmail-field-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--xmail-muted, rgba(161, 161, 170, 0.95)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .xmail-login .controls {
  margin: 0 !important;
}

html body .xmail-login .input-append {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.055)) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: background 0.18s ease, box-shadow 0.18s ease !important;
}

html body .xmail-login .input-append:focus-within {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.085)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(225, 29, 72, 0.35) !important;
}

html body .xmail-login input[type="email"],
html body .xmail-login input[type="password"],
html body .xmail-login input[type="text"] {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 16px 0 48px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 16px !important;
  font-family: inherit !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}

html body .xmail-login input.inputPassword,
html body .xmail-login .xmail-pass-field input {
  padding: 0 48px 0 18px !important;
}

html body .xmail-login input::placeholder {
  color: var(--xmail-muted, rgba(161, 161, 170, 0.75)) !important;
}

html body .xmail-login input:focus {
  outline: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .xmail-login .input-append .add-on {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 48px !important;
  height: 54px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
  color: var(--xmail-muted, rgba(244, 244, 245, 0.55)) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

html body .xmail-login .xmail-pass-toggle {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 48px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
  color: var(--xmail-muted, rgba(244, 244, 245, 0.55)) !important;
  cursor: pointer !important;
  z-index: 3 !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .xmail-login .xmail-pass-toggle:hover,
html body .xmail-login .xmail-pass-field:focus-within .xmail-pass-toggle {
  color: var(--xmail-accent-text, #fb7185) !important;
}

html body .xmail-login .xmail-ico-eye {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .xmail-login .xmail-pass-toggle.is-visible .xmail-ico-eye {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E") !important;
}

html body .xmail-login .icon-mail,
html body .xmail-login .icon-key,
html body .xmail-login .icon-right-middle,
html body .xmail-login .icon-world {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  color: inherit !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

html body .xmail-login .icon-mail:before,
html body .xmail-login .icon-key:before,
html body .xmail-login .icon-right-middle:before,
html body .xmail-login .icon-world:before {
  content: none !important;
  display: none !important;
}

html body .xmail-login .icon-mail {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E") !important;
}

html body .xmail-login .icon-key {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M12 15h9v-3h-3v-3h-3'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M12 15h9v-3h-3v-3h-3'/%3E%3C/svg%3E") !important;
}

html body .xmail-login .icon-right-middle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") !important;
}

html body .xmail-login .icon-world {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a15 15 0 0 1 0 18'/%3E%3Cpath d='M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a15 15 0 0 1 0 18'/%3E%3Cpath d='M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E") !important;
}

html body .xmail-login .input-append:focus-within .add-on {
  color: var(--xmail-accent-text, #fb7185) !important;
}

html body .xmail-login .controls-submit-wrp,
html body .xmail-login .controls-submit-wrp.display-none {
  display: none !important;
}

html body .xmail-login-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

html body .xmail-login-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

html body .xmail-login-submit-side,
html body .xmail-login .xmail-login-submit-side.btn {
  width: auto !important;
  min-width: 108px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f43f5e 0%, #e11d48 100%) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.28) !important;
  line-height: 42px !important;
}

html body .xmail-login-submit-side:hover,
html body .xmail-login .xmail-login-submit-side.btn:hover {
  background: linear-gradient(180deg, #fb7185 0%, #be123c 100%) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .xmail-login-error {
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(225, 29, 72, 0.18) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  text-align: left !important;
}

html body .xmail-login .signMeLabel {
  margin: 0 !important;
  color: var(--xmail-text, #e4e4e7) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body .xmail-login .signMeLabel .e-checkbox,
html body .xmail-login .signMeLabel .e-component.e-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  min-height: 44px !important;
  color: var(--xmail-text, #e4e4e7) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .xmail-login .signMeLabel .e-checkbox-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 6px !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.06)) !important;
  background-image: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

html body .xmail-login .signMeLabel .e-checkbox-icon:before {
  content: none !important;
  display: none !important;
}

html body .xmail-login .signMeLabel .e-checkbox-icon.icon-checkbox-checked {
  border-color: #e11d48 !important;
  background-color: #e11d48 !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='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
  background-size: 14px 14px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

html body .xmail-login .signMeLabel .sub-label {
  color: var(--xmail-text, #e4e4e7) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body .xmail-login .language-button {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: var(--xmail-text-soft, rgba(244, 244, 245, 0.8)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  text-decoration: none !important;
}

html body .xmail-login .language-button:hover {
  color: var(--xmail-text-strong, #fff) !important;
  background: rgba(225, 29, 72, 0.22) !important;
}

html body .xmail-login .language-button i {
  font-size: 0 !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

@media (max-width: 819px) {
  html body .xmail-login-stage {
    width: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 28px 20px max(24px, env(safe-area-inset-bottom)) !important;
  }

  html body .xmail-login-title {
    font-size: 38px !important;
  }

  html body .xmail-login-hero {
    margin-bottom: 32px !important;
  }

  html body .xmail-login input[type="email"],
  html body .xmail-login input[type="password"],
  html body .xmail-login input[type="text"],
  html body .xmail-login .input-append .add-on,
  html body .xmail-login .xmail-pass-toggle {
    height: 56px !important;
    min-height: 56px !important;
  }

  html body .xmail-login-submit-side {
    height: 44px !important;
    line-height: 44px !important;
  }
}

/* ── LANGUAGES popup — stesso layout mobile/desktop, scroll interno ─ */
html body #rl-popups:has(.b-languages-content.modal.in),
html body #rl-popups:has(.b-languages-content.modal.in) .popups,
html.xmail-login-open #rl-popups,
html.xmail-login-open #rl-popups .popups,
html.xmail-login-bg-on #rl-popups,
html.xmail-login-bg-on #rl-popups .popups {
  position: fixed !important;
  inset: 0 !important;
  z-index: 12000 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}

html body #rl-popups:has(.b-languages-content.modal.in)::before,
html.xmail-login-open #rl-popups:has(.b-languages-content.modal.in)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body #rl-popups .b-languages-content.modal.in,
html.xmail-login-open #rl-popups .modal.in,
html.xmail-login-bg-on #rl-popups .modal.in {
  pointer-events: auto !important;
}

html body .popups .b-languages-content.modal,
html body #rl-popups .b-languages-content.modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(380px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  max-height: min(78vh, 560px) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: var(--xmail-menu-solid, rgba(18, 18, 20, 0.94)) !important;
  backdrop-filter: blur(28px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.35) !important;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
  transform: translate(-50%, -50%) !important;
  z-index: 12010 !important;
  flex-direction: column !important;
}

html body .popups .b-languages-content.modal.in,
html body #rl-popups .b-languages-content.modal.in {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .popups .b-languages-content.modal.hide:not(.in),
html body #rl-popups .b-languages-content.modal.hide:not(.in) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .popups .b-languages-content .modal-header {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 16px 16px 10px !important;
  background: transparent !important;
  border: 0 !important;
}

html body .popups .b-languages-content .modal-header h3 {
  margin: 0 !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .popups .b-languages-content .modal-header .close {
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #e4e4e7) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  line-height: 34px !important;
  text-shadow: none !important;
}

html body .popups .b-languages-content .modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 4px 12px 14px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(225, 29, 72, 0.55) transparent !important;
}

html body .popups .b-languages-content .modal-body::-webkit-scrollbar {
  width: 6px !important;
}

html body .popups .b-languages-content .modal-body::-webkit-scrollbar-thumb {
  background: rgba(225, 29, 72, 0.5) !important;
  border-radius: 6px !important;
}

html body .popups .b-languages-content .xmail-languages-grid,
html body .popups .b-languages-content .modal-body > div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

html body .popups .b-languages-content .lang-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 12px 12px !important;
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.045)) !important;
  color: var(--xmail-text, #e4e4e7) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
  transform: none !important;
}

html body .popups .b-languages-content .lang-item:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.09)) !important;
  border-color: transparent !important;
  transform: none !important;
}

html body .popups .b-languages-content .lang-item.selected {
  background: rgba(225, 29, 72, 0.22) !important;
  box-shadow:
    inset 0 0 0 1px rgba(225, 29, 72, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body .popups .b-languages-content .lang-item.user {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.045)) !important;
  border-color: transparent !important;
}

html body .popups .b-languages-content .flag-wrapper {
  width: 28px !important;
  height: 20px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html body .popups .b-languages-content .lang-name {
  flex: 1 1 auto !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.2 !important;
  color: inherit !important;
}

html body .popups .b-languages-content .lang-item .icon-ok {
  float: none !important;
  margin: 0 !important;
  color: var(--xmail-accent-text, #fb7185) !important;
  opacity: 1 !important;
}

/* ── DROPDOWNS & MODALS ─────────────────────────────── */
.dropdown-menu,
.g-ui-menu,
ul.dropdown-menu,
.btn-group .dropdown-menu,
.dropdown .dropdown-menu {
  background: var(--xmail-menu-bg) !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--xmail-radius-menu) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
  padding: 8px !important;
  margin-top: 8px !important;
  min-width: 200px !important;
  overflow: hidden !important;
}

.dropdown-menu::before,
.dropdown-menu::after,
.g-ui-menu::before,
.g-ui-menu::after {
  display: none !important;
}

.dropdown-menu li > a,
.dropdown-menu .e-link,
.g-ui-menu .e-item > .e-link,
.g-ui-menu a.menuitem {
  color: var(--xmail-text) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu .e-item:hover > .e-link,
.g-ui-menu .e-item:hover > .e-link,
.g-ui-menu .e-item > .e-link:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background: var(--xmail-menu-item-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
  outline: none !important;
}

.dropdown-menu .divider,
.g-ui-menu .divider {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  border: none !important;
  height: 1px !important;
  margin: 6px 8px !important;
  overflow: hidden !important;
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover,
.g-ui-menu .e-item.disabled > .e-link {
  color: var(--xmail-muted) !important;
  opacity: 0.45 !important;
  background: transparent !important;
  cursor: default !important;
}

.dropdown-menu [class^="icon-"],
.g-ui-menu [class^="icon-"] {
  color: var(--xmail-muted, #9aa6ba) !important;
  opacity: 0.9 !important;
}

.popups .modal {
  background: var(--xmail-surface) !important;
  border: none !important;
  border-radius: var(--xmail-radius-menu) !important;
  color: var(--xmail-text) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
}

.popups .modal .modal-header {
  background: transparent !important;
  border-bottom: none !important;
  color: var(--xmail-text) !important;
  padding: 16px 20px 8px !important;
}

.popups .modal .modal-body {
  background: transparent !important;
  color: var(--xmail-text) !important;
}

.popups .modal .modal-footer {
  background: transparent !important;
  border-top: none !important;
  padding: 12px 16px 16px !important;
  box-shadow: none !important;
}

.popups .modal .modal-footer .btn {
  border-radius: var(--xmail-radius-ui) !important;
  min-height: 36px !important;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.78) !important;
}

/* ── ACCOUNT BAR / TOP ────────────────────────────────── */
#rl-account-header,
.rl-account-menu {
  color: var(--xmail-text) !important;
}

.logo-custom img {
  max-height: 32px !important;
  filter: brightness(1.1);
}

/* ── SCROLLBARS ─────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--xmail-accent);
  opacity: 0.4;
  border-radius: 3px;
}

/* ── LOADING / SPLASH ───────────────────────────────── */
.thm-loading,
#rl-loading {
  color: var(--xmail-text, #f4f4f5) !important;
  text-shadow: none !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  font-size: 14px !important;
  z-index: 30 !important;
}

#rl-loading #rl-loading-desc {
  margin-bottom: 14px !important;
  opacity: 0.88 !important;
}

#rl-loading .e-spinner .e-bounce {
  background: #e11d48 !important;
}

/* ── CHECKBOXES ─────────────────────────────────────── */
.e-checkbox-icon {
  color: var(--xmail-muted) !important;
}

/* ── ALERTS ─────────────────────────────────────────── */
.alert {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border: 1px solid var(--xmail-border) !important;
  color: var(--xmail-text) !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.alert-error {
  background: rgba(220, 53, 69, 0.15) !important;
  border-color: rgba(220, 53, 69, 0.4) !important;
  color: var(--xmail-accent-text, #ff8a95) !important;
}

/* ── LABELS / BADGES ────────────────────────────────── */
.label, .badge {
  text-shadow: none !important;
  border-radius: 0 !important;
}

/* ── PANEL LAYOUT transparent ───────────────────────── */
#rl-left, #rl-right, #rl-sub-left, #rl-sub-right {
  background: transparent !important;
}

html.rl-bottom-preview-pane #rl-sub-left .b-message-list-wrapper,
html.rl-bottom-preview-pane #rl-sub-right .b-message-view-wrapper {
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════
   PULSANTI — override massima specificità RainLoop
   ══════════════════════════════════════════════════════ */
html.textshadow .btn,
html.textshadow .btn.btn-success,
html.textshadow .btn.btn-warning,
html.textshadow .btn.btn-primary,
html.textshadow .btn.btn-danger {
  text-shadow: none !important;
}

html body #rl-app .btn.btn-success,
html body #rl-app .btn.btn-warning,
html body #rl-app .btn.btn-primary,
html body #rl-app .btn.btn-danger {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Nuovo messaggio — pulsante pieno accent */
html body #rl-app .b-folders .btn.buttonCompose,
html body #rl-app .messageList .btn.buttonCompose {
  background: var(--xmail-accent) !important;
  border: none !important;
  color: var(--xmail-text-strong, #fff) !important;
  width: calc(100% - 16px) !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin: 0 auto !important;
  border-radius: var(--xmail-radius-ui) !important;
}

html body #rl-app .b-folders .btn.buttonCompose .icon-paper-plane,
html body #rl-app .messageList .btn.buttonCompose .icon-paper-plane {
  font-size: 15px !important;
  opacity: 0.95 !important;
}

html body #rl-app .b-folders .btn.buttonCompose:hover,
html body #rl-app .messageList .btn.buttonCompose:hover {
  background: var(--xmail-accent-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

/* Sidebar toolbar — nascosta solo con navbar Xmail pronta */
html.xmail-navbar-ready body #rl-app .b-folders .b-toolbar,
html.xmail-navbar-ready body #rl-app .b-folders .b-toolbar.btn-toolbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.xmail-navbar-ready body #rl-app .b-folders .b-toolbar .btn.buttonContacts,
html.xmail-navbar-ready body #rl-app .b-folders .b-toolbar .btn.buttonContacts:hover {
  display: none !important;
}

/* Compose in modifica (warning) */
html body #rl-app .btn.btn-warning.buttonCompose {
  background: rgba(245, 158, 11, 0.2) !important;
  border: 1px solid rgba(245, 158, 11, 0.55) !important;
  color: var(--xmail-warn-text, #fbbf24) !important;
}

html body #rl-app .btn.btn-success.buttonCompose {
  background: var(--xmail-accent) !important;
  border: none !important;
  color: var(--xmail-text-strong, #fff) !important;
}

/* ══════════════════════════════════════════════════════
   ICONE — borderless, senza background, ben visibili
   ══════════════════════════════════════════════════════ */
html body #rl-app .messageList .toolbar .btn,
html body #rl-app .messageList .second-toolbar .btn:not(.buttonMoreSearch),
html body #rl-app .messageView .toolbar .btn,
html body #rl-app .b-folders .b-footer .btn,
html body #rl-app .btn.btn-dark-disabled-border,
html body #rl-app .btn.btn-thin-2 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  opacity: 1 !important;
}

html body #rl-app .messageList .toolbar .btn:hover,
html body #rl-app .messageList .second-toolbar .btn:not(.buttonMoreSearch):hover,
html body #rl-app .messageView .toolbar .btn:hover,
html body #rl-app .b-folders .b-footer .btn:hover,
html body #rl-app .btn.btn-dark-disabled-border:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
}

html body #rl-app .messageList .toolbar .btn [class^="icon-"],
html body #rl-app .messageList .second-toolbar .btn:not(.buttonMoreSearch) [class^="icon-"],
html body #rl-app .messageView .toolbar .btn [class^="icon-"],
html body #rl-app .b-folders .b-footer .btn [class^="icon-"] {
  font-size: 17px !important;
  line-height: 1 !important;
  color: var(--xmail-icon, #b8c4d8) !important;
  opacity: 1 !important;
}

html body #rl-app .messageList .toolbar .btn:hover [class^="icon-"],
html body #rl-app .messageView .toolbar .btn:hover [class^="icon-"],
html body #rl-app .b-folders .b-footer .btn:hover [class^="icon-"] {
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageList .toolbar .btn .caret,
html body #rl-app .messageList .toolbar .btn.dropdown-toggle .caret {
  border-top-color: var(--xmail-icon, #b8c4d8) !important;
  margin-top: 8px !important;
}

/* Dropdown colored-toggle — niente rosso */
html body #rl-app .dropdown.colored-toggle.open .btn.dropdown-toggle,
html body #rl-app .dropdown.colored-toggle.open .btn.dropdown-toggle [class^="icon-"]:before {
  color: var(--xmail-accent) !important;
  background: transparent !important;
}

html body #rl-app .dropdown.colored-toggle .btn.dropdown-toggle {
  background: transparent !important;
  border: none !important;
}

/* Pulsanti impostazioni / filtri / form */
html body #rl-app .b-settings-content .btn,
html body #rl-app .b-settings-filters .btn,
html body #rl-app .form-horizontal .btn,
html body #rl-app .modal-footer .btn,
html body #rl-app .b-compose .btn {
  background: var(--xmail-btn-bg) !important;
  border: none !important;
  color: var(--xmail-text) !important;
  border-radius: var(--xmail-radius-ui) !important;
  box-shadow: none !important;
}

html body #rl-app .b-settings-content .btn:hover,
html body #rl-app .b-settings-filters .btn:hover,
html body #rl-app .form-horizontal .btn:hover,
html body #rl-app .modal-footer .btn:hover {
  background: var(--xmail-btn-bg-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .b-settings-filters .btn.active {
  background: var(--xmail-accent-soft) !important;
  color: var(--xmail-text-strong, #fff) !important;
  box-shadow: inset 0 0 0 1px var(--xmail-accent-ring) !important;
}

html body #rl-app .b-settings-filters .btn.btn-danger {
  background: var(--xmail-accent-soft) !important;
  color: var(--xmail-accent-contrast) !important;
}

/* Navbar: static/xmail/xmail-navbar.css (layout RainLoop non modificato qui) */

/* Cartelle sempre visibili in mailbox (non toccare impostazioni) */
html.xmail-navbar-ready:not(.xmail-settings-open) #rl-left .b-folders .opacity-on-panel-disabled,
html.xmail-navbar-ready:not(.xmail-settings-open) #rl-left .b-folders .opacity-on-panel-disabled {
  opacity: 1 !important;
}

html.xmail-navbar-ready #rl-left .b-folders .e-link .name,
html.xmail-navbar-ready #rl-left .b-folders .e-link .name {
  display: inline !important;
  visibility: visible !important;
}

html.xmail-navbar-ready .messageList .b-message-list-wrapper,
html.xmail-navbar-ready .messageList .b-message-list-wrapper,
html.xmail-navbar-ready .messageList .b-content,
html.xmail-navbar-ready .messageList .b-content {
  background: var(--xmail-surface) !important;
}

html.xmail-navbar-ready .b-folders .buttonResize,
html.xmail-navbar-ready .b-folders .buttonResize {
  display: none !important;
}

.b-system-drop-down {
  pointer-events: auto;
}

.b-system-drop-down .b-toolbar,
html.xmail-navbar-ready #rl-top .b-system-drop-down .b-toolbar,
html body #rl-app .b-system-drop-down .b-toolbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  gap: 0 !important;
}

html.xmail-navbar-ready #rl-top .b-system-drop-down {
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  gap: 0 !important;
}

.b-system-drop-down .btn-toolbar {
  display: none !important;
  gap: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

.b-system-drop-down .accountPlace {
  order: 1;
  flex: 1;
  min-width: 0;
  display: none !important;
}

.b-system-drop-down .btn-group {
  order: 2;
  margin: 0 !important;
  float: none !important;
}

.b-system-drop-down .btn.system-dropdown {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  border: 1px solid var(--xmail-border) !important;
  border-radius: 8px !important;
  border-top: 1px solid var(--xmail-border) !important;
}

.b-system-drop-down .btn.system-dropdown:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
}

.b-system-drop-down .btn.system-dropdown [class^="icon-"] {
  font-size: 15px !important;
  color: var(--xmail-text) !important;
  margin: 0 !important;
}

.b-system-drop-down .btn.system-dropdown .caret,
.b-system-drop-down .system-dropdown .caret {
  display: none !important;
}

.b-system-drop-down .audioPlace,
.b-system-drop-down .logoPlace {
  display: none !important;
}

html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu,
html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu {
  background: var(--xmail-menu-bg) !important;
  border: none !important;
  border-radius: var(--xmail-radius-menu) !important;
  padding: 8px !important;
  margin-top: 8px !important;
  min-width: 240px !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.55) !important;
}

html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .e-link,
html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .e-link {
  color: var(--xmail-text) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
}

html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .e-item:hover .e-link,
html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .e-item:hover .e-link {
  background: var(--xmail-menu-item-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .divider,
html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu .divider {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  margin: 6px 8px !important;
}

html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu [class^="icon-"],
html.xmail-navbar-ready #rl-top .dropdown-menu.g-ui-menu [class^="icon-"] {
  color: var(--xmail-muted, #9aa6ba) !important;
}

/* ══════════════════════════════════════════════════════
   IMPOSTAZIONI — temi, filtri, anteprime
   ══════════════════════════════════════════════════════ */
.b-settings-content,
.b-settins-right .b-settings-content,
.b-settings .b-settings-content {
  background: var(--xmail-surface-2) !important;
  color: var(--xmail-text) !important;
}

.b-settings-content .legend,
.b-settings-content .control-label,
.b-settings-content label {
  color: var(--xmail-text) !important;
}

.b-settings-content .help-block,
.b-settings-content .muted {
  color: var(--xmail-muted) !important;
}

/* Anteprime temi — card gradiente generate in CSS (niente preview.png).
   Prefisso html body #rl-app: deve vincere sui reset legacy in settings. */
html body #rl-app .b-themes-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 0 8px !important;
  padding: 4px 0 !important;
}

/* WHITELIST PURA CSS: i vecchi temi possono restare sul server dopo un
   deploy (lo zip sovrascrive, non elimina) — qui sono SEMPRE nascosti,
   senza dipendere dai tempi del JS. */
html body #rl-app .b-themes-list .e-item {
  display: none !important;
}

html body #rl-app .b-themes-list .e-item[data-theme^="XmailVoid"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCosmos"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailNebula"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailLumen"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCloud"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailSand"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailMint"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailBlush"],
html body #rl-app .b-themes-list .e-item[data-theme^="XmailPearl"] {
  display: block !important;
}

html body #rl-app .b-themes-list .e-item {
  position: relative !important;
  width: 156px !important;
  height: 112px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px solid transparent !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: var(--xmail-surface) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

html body #rl-app .b-themes-list .e-item:hover {
  transform: translateY(-2px);
  border: 2px solid transparent !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2) !important;
}

/* Niente immagine: la card È l'anteprima */
html body #rl-app .b-themes-list .e-item .e-image {
  display: none !important;
}

html body #rl-app .b-themes-list .e-item .e-name {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 9px !important;
  z-index: 2 !important;
  margin: 0 !important;
  color: #1e293b !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Pallino accent in alto a sinistra (accent per-tema via JS inline var) */
html body #rl-app .b-themes-list .e-item::after {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: var(--xmail-theme-accent, var(--xmail-accent, #e11d48)) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22), inset 0 0 0 2px rgba(255, 255, 255, 0.55) !important;
  z-index: 2 !important;
}

html body #rl-app .b-themes-list .e-item.selected {
  background-color: transparent !important;
  border-color: var(--xmail-theme-accent, var(--xmail-accent, #e11d48)) !important;
}

/* Spunta sul tema attivo */
html body #rl-app .b-themes-list .e-item.selected::before {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px no-repeat !important;
  z-index: 3 !important;
}

/* Card dark: testo chiaro sull'anteprima */
html body #rl-app .b-themes-list .e-item[data-theme^="XmailVoid"] .e-name,
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCosmos"] .e-name,
html body #rl-app .b-themes-list .e-item[data-theme^="XmailNebula"] .e-name {
  color: #f8fafc !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55) !important;
}

/* Gradienti e accenti per tema (sincronizzati con ext.less) */
html body #rl-app .b-themes-list .e-item[data-theme^="XmailVoid"] {
  background: linear-gradient(145deg, #1a0a10 0%, #121214 45%, #1c1216 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailVoid"]::after { background: #e11d48 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailVoid"].selected { border-color: #e11d48 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailCosmos"] {
  background: linear-gradient(145deg, #0c1024 0%, #121214 45%, #14182a 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCosmos"]::after { background: #6366f1 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCosmos"].selected { border-color: #6366f1 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailNebula"] {
  background: linear-gradient(145deg, #160a22 0%, #121214 45%, #1a1024 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailNebula"]::after { background: #a855f7 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailNebula"].selected { border-color: #a855f7 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailLumen"] {
  background: linear-gradient(145deg, #fff1f2 0%, #f8fafc 45%, #e2e8f0 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailLumen"]::after { background: #e11d48 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailLumen"].selected { border-color: #e11d48 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailCloud"] {
  background: linear-gradient(145deg, #e0f2fe 0%, #f0f9ff 45%, #dbeafe 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCloud"]::after { background: #0284c7 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailCloud"].selected { border-color: #0284c7 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailSand"] {
  background: linear-gradient(145deg, #fef3c7 0%, #faf8f5 45%, #fde68a 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailSand"]::after { background: #d97706 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailSand"].selected { border-color: #d97706 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailMint"] {
  background: linear-gradient(145deg, #d1fae5 0%, #f0fdf4 45%, #bbf7d0 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailMint"]::after { background: #059669 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailMint"].selected { border-color: #059669 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailBlush"] {
  background: linear-gradient(145deg, #fce7f3 0%, #fdf2f8 45%, #fbcfe8 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailBlush"]::after { background: #db2777 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailBlush"].selected { border-color: #db2777 !important; }

html body #rl-app .b-themes-list .e-item[data-theme^="XmailPearl"] {
  background: linear-gradient(145deg, #e0e7ff 0%, #f1f5f9 45%, #c7d2fe 100%) !important;
}
html body #rl-app .b-themes-list .e-item[data-theme^="XmailPearl"]::after { background: #4f46e5 !important; }
html body #rl-app .b-themes-list .e-item[data-theme^="XmailPearl"].selected { border-color: #4f46e5 !important; }

/* Temi nascosti dalla whitelist JS */
html body #rl-app .b-themes-list .e-item[data-xmail-theme-hidden="1"] {
  display: none !important;
}

/* Filtri */
.b-settings-filters .list-table {
  width: 100% !important;
  max-width: 700px;
  color: var(--xmail-text) !important;
}

.b-settings-filters .list-table td {
  color: var(--xmail-text) !important;
  border-color: var(--xmail-border) !important;
}

.b-settings-filters .list-table .drag-handle {
  color: var(--xmail-muted) !important;
}

.b-settings-filters .list-table tr:hover .drag-handle {
  color: var(--xmail-text) !important;
}

.b-settings-filters .list-table .filter-name,
.b-settings-filters .list-table .filter-condition {
  color: var(--xmail-text) !important;
}

.b-settings-menu .e-link,
.b-settins-left .b-settings-menu .e-link {
  color: var(--xmail-muted) !important;
  font-size: 15px !important;
}

.b-settings-menu .e-item.selectable .e-link {
  color: var(--xmail-text) !important;
}

.b-settings-menu .e-item.selectable:hover .e-link,
.b-settings-menu .e-item.selectable.selected .e-link {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.b-settins-left .b-footer .btn {
  background: transparent !important;
  border: none !important;
  color: var(--xmail-muted) !important;
}

/* Nav tabs impostazioni */
.nav-tabs > li > a {
  color: var(--xmail-muted) !important;
  background: transparent !important;
  border-color: var(--xmail-border) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  color: var(--xmail-text) !important;
  background: var(--xmail-surface) !important;
  border-color: var(--xmail-border) !important;
}

/* Logo area messaggio vuoto */
.messageView .b-content .logoPlace img,
.b-system-drop-down .logoPlace img {
  max-height: 120px;
  max-width: 280px;
  width: auto;
  height: auto;
  opacity: 0.95;
}

/* Checkbox toolbar */
.messageList .second-toolbar .e-checkbox-icon {
  color: var(--xmail-muted) !important;
}

/* ══════════════════════════════════════════════════════
   UI polish v24 — flush navbar, no borders, messaggi
   ══════════════════════════════════════════════════════ */
html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-right,
html.xmail-navbar-ready #rl-right {
  top: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

html.xmail-navbar-ready #rl-sub-left,
html.xmail-navbar-ready #rl-sub-right,
html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-right {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

#rl-left,
#rl-right,
#rl-sub-left,
#rl-sub-right,
.b-folders,
.messageList,
.messageView,
.messageList .b-message-list-wrapper,
.messageView .b-message-view-wrapper {
  border: none !important;
  box-shadow: none !important;
}

.b-folders .b-list-delimiter,
hr.b-list-delimiter {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 10px !important;
  background: transparent !important;
  margin: 4px 0 !important;
  opacity: 1 !important;
}

/* Navigazione messaggi più chiara */
html body #rl-app .messageView .toolbar .btn-group {
  gap: 4px !important;
  margin-right: 8px !important;
}

html body #rl-app .messageView .toolbar .btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
}

html body #rl-app .messageView .toolbar .btn [class^="icon-"] {
  font-size: 18px !important;
  color: var(--xmail-text-soft, #c5d0e2) !important;
}

html body #rl-app .messageView .toolbar .btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
}

html body #rl-app .messageView .toolbar .btn:hover [class^="icon-"] {
  color: var(--xmail-text-strong, #fff) !important;
}

.messageList .b-content .messageListItem .sender {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

.messageList .b-content .messageListItem .subject {
  font-size: 12.5px !important;
  opacity: 0.9 !important;
}

.messageList .b-content .messageListItem.unseen .sender,
.messageList .b-content .messageListItem.unseen .subject,
.messageList .b-content .messageListItem.hasUnseenSubMessage .sender,
.messageList .b-content .messageListItem.hasUnseenSubMessage .subject {
  color: var(--xmail-text-strong, #fff) !important;
  opacity: 1 !important;
}

.messageList .b-content .messageListItem:not(.unseen):not(.hasUnseenSubMessage) .subject {
  opacity: 0.78 !important;
}

.messageList .b-content .messageListItem .date {
  font-size: 11px !important;
  font-weight: 500 !important;
}

.messageList .pager,
.messageList .b-footer .pagination,
.messageList .b-footer a {
  color: var(--xmail-muted) !important;
}

.messageList .b-footer a:hover,
.messageList .b-footer .active {
  color: var(--xmail-text-strong, #fff) !important;
}

/* ══════════════════════════════════════════════════════
   v29 — chrome UI borderless (pulsanti + menu)
   ══════════════════════════════════════════════════════ */
html body #rl-app .btn,
html body .btn,
html body #rl-app a.btn,
html body a.btn {
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: var(--xmail-radius-ui) !important;
}

html body #rl-app .btn-group > .btn + .btn,
html body #rl-app .btn-group > .dropdown + .btn,
html body #rl-app .btn-group > .btn + .dropdown {
  margin-left: 2px !important;
}

html body #rl-app .btn-group > .btn.first,
html body #rl-app .btn-group > .btn.last,
html body #rl-app .btn-group > .btn.single,
html body #rl-app .btn-group > .btn:first-child,
html body #rl-app .btn-group > .btn:last-child {
  border-radius: var(--xmail-radius-ui) !important;
  border: none !important;
}

html body #rl-app .btn.btn-dark-disabled-border,
html body #rl-app .btn.btn-thin,
html body #rl-app .btn.btn-thin-2,
html body #rl-app .close,
html body #rl-app .close-custom,
html body #rl-app .minimize-custom {
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body #rl-app .dropdown-menu,
html body #rl-app .g-ui-menu,
html body .dropdown-menu,
html body .g-ui-menu,
html body #rl-app .select2-drop,
html body .select2-drop,
html body #rl-app .pika-single {
  border: none !important;
  background-image: none !important;
  border-radius: var(--xmail-radius-menu) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.55) !important;
}

html body #rl-app .dropdown-menu li > a,
html body #rl-app .g-ui-menu .e-link,
html body #rl-app .g-ui-menu a.menuitem,
html body .dropdown-menu li > a {
  border-radius: 10px !important;
  border: none !important;
}

html body #rl-app .dropdown.colored-toggle.open .btn.dropdown-toggle,
html body #rl-app .dropdown.colored-toggle.open .btn.dropdown-toggle [class^="icon-"]:before {
  color: var(--xmail-text-strong, #fff) !important;
  background: var(--xmail-btn-bg-active) !important;
}

html body #rl-app select,
html body select {
  border: none !important;
  border-radius: var(--xmail-radius-ui) !important;
  background: var(--xmail-btn-bg) !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
  min-height: 36px !important;
}

html body #rl-app .pagination ul > li > a,
html body #rl-app .pagination ul > li > span,
html body #rl-app .pager a {
  background: var(--xmail-btn-bg) !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--xmail-text) !important;
  box-shadow: none !important;
  margin: 0 2px !important;
}

html body #rl-app .pagination ul > li > a:hover,
html body #rl-app .pager a:hover {
  background: var(--xmail-btn-bg-hover) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .pagination ul > .active > a,
html body #rl-app .pagination ul > .active > span {
  background: var(--xmail-accent-soft) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .b-settings .b-toolbar .btn,
html body #rl-app .b-contacts .b-toolbar .btn {
  border: none !important;
  border-radius: var(--xmail-radius-ui) !important;
  background: var(--xmail-btn-bg) !important;
  box-shadow: none !important;
}

html body #rl-app .b-settings .b-toolbar .btn:hover,
html body #rl-app .b-contacts .b-toolbar .btn:hover {
  background: var(--xmail-btn-bg-hover) !important;
}

html body #rl-app .messageItemHeader .messageButtons .btn {
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  width: 36px !important;
  height: 36px !important;
}

html body #rl-app .messageItemHeader .messageButtons .btn:hover {
  background: var(--xmail-btn-bg-hover) !important;
}

/* Login buttons (non override del CTA pieno) */
html body .thm-login .btn:not(.buttonLogin),
html body .b-login-content .btn:not(.buttonLogin) {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════
   v34 — lista libera + body bianco + allegati
   ══════════════════════════════════════════════════════ */
html body #rl-app .messageList .b-content .messageListItem,
html body #rl-app .messageList .b-content .messageListItem.selected,
html body #rl-app .messageList .b-content .messageListItem.focused,
html body #rl-app .messageList .b-content .messageListItem.checked,
html body #rl-app .messageList .b-content .messageListItem.unseen {
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

html body #rl-app .messageList .b-content .messageListItem .sidebarParent {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   v35 — contrasto dark mode (UI chiara su sfondo scuro)
   ══════════════════════════════════════════════════════ */
html body,
html body #rl-app,
html body #rl-app .b-folders,
html body #rl-app .messageList,
html body #rl-app .messageView,
html body #rl-app .b-settings,
html body #rl-app .b-contacts,
html body #rl-app .popups .modal {
  color: var(--xmail-text) !important;
}

html body #rl-app .b-folders .e-link,
html body #rl-app .b-folders .e-link .name,
html body #rl-app .b-folders .e-item,
html body #rl-app .messageList .messageListItem .sender,
html body #rl-app .messageList .messageListItem .subject,
html body #rl-app .messageList .messageListItem .subject-prefix,
html body #rl-app .messageList .messageListItem .subject-suffix,
html body #rl-app .messageView .messageItemHeader,
html body #rl-app .messageView .messageItemHeader .subject,
html body #rl-app .messageView .messageItemHeader .subjectParent,
html body #rl-app .messageView .messageItemHeader .from,
html body #rl-app .messageView .messageItemHeader .to,
html body #rl-app .messageView .messageItemHeader .informationShort,
html body #rl-app .messageView .messageItemHeader .informationFull,
html body #rl-app .messageView .messageItemHeader a,
html body #rl-app .b-settings-content,
html body #rl-app .b-settings-content .legend,
html body #rl-app .b-settings-content .control-label,
html body #rl-app .b-settings-content label,
html body #rl-app .dropdown-menu,
html body #rl-app .dropdown-menu li > a,
html body #rl-app .g-ui-menu .e-link,
html body #rl-app .attachmentItem .attachmentName,
html body #xmail-navbar,
html body #xmail-navbar .xmail-nav-btn,
html body #xmail-navbar .xmail-user-email {
  color: var(--xmail-text) !important;
}

html body #rl-app .messageList .messageListItem .date,
html body #rl-app .messageList .messageListItem .size,
html body #rl-app .messageView .messageItemHeader .date,
html body #rl-app .messageView .messageItemHeader .size,
html body #rl-app .messageView .messageItemHeader .uiLabel,
html body #rl-app .b-settings-content .help-block,
html body #rl-app .b-settings-content .muted,
html body #rl-app .attachmentItem .attachmentSize,
html body #rl-app .listEmptyList,
html body #rl-app .listEmptySearchList,
html body #rl-app .b-message-view-checked-helper,
html body #xmail-navbar .xmail-search-input::placeholder {
  color: var(--xmail-muted) !important;
}

html body #rl-app input,
html body #rl-app textarea,
html body #rl-app select,
html body #rl-app .uneditable-input {
  color: var(--xmail-text) !important;
  -webkit-text-fill-color: var(--xmail-text) !important;
  caret-color: var(--xmail-text) !important;
  background: var(--xmail-btn-bg) !important;
}

/* Ricerca navbar: mai sfondo rosso/accent */
html body #xmail-navbar .xmail-search-input,
html body #xmail-navbar input.xmail-search-input,
html body #xmail-navbar .xmail-search {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body #rl-app input::placeholder,
html body #rl-app textarea::placeholder {
  color: var(--xmail-muted) !important;
  opacity: 1 !important;
}

html body #rl-app .btn,
html body #rl-app a.btn,
html body #rl-app .btn [class^="icon-"],
html body #rl-app .messageView .toolbar .btn [class^="icon-"],
html body #rl-app .messageList .toolbar .btn [class^="icon-"] {
  color: var(--xmail-text) !important;
}

html body #rl-app .btn.btn-primary,
html body #rl-app .btn.btn-success,
html body #rl-app .btn.buttonCompose,
html body #rl-app .btn.buttonLogin {
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .b-folders .b-content .e-link.selectable.selected,
html body #rl-app .b-folders .b-content .e-link.selectable.selected .name {
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageList .messageListItem.unseen .sender,
html body #rl-app .messageList .messageListItem.unseen .subject,
html body #rl-app .messageList .messageListItem.selected .sender,
html body #rl-app .messageList .messageListItem.selected .subject {
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app hr,
html body #rl-app .b-list-delimiter,
html body #rl-app .divider {
  border-color: var(--xmail-divider) !important;
  background: var(--xmail-divider) !important;
}

/* Allegati e chrome viewer: testo chiaro (fuori dal body bianco) */
html body #rl-app .messageView .attachmentsPlace,
html body #rl-app .messageView .attachmentsControls,
html body #rl-app .messageView .attachmentsPlace .attachmentName,
html body #rl-app .messageView .attachmentsControls .btn {
  color: var(--xmail-text) !important;
}

html body #rl-app .messageView .attachmentsPlace .attachmentSize {
  color: var(--xmail-muted) !important;
}

/* Body email: dark di default (plain); HTML isolato sotto in v58 */
html body #rl-app .messageView .messageItem > .content,
html body #rl-app .messageView .messageItem .g-scrollbox,
html body #rl-app .messageView .messageItem .content-wrapper,
html body #rl-app .messageView .messageItem .content-content {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
}

html body #rl-app .messageView .messageItem .bodyText,
html body #rl-app .messageView .messageItem .bodyText.rl-mv-root {
  background: var(--xmail-mail-body-bg, #1a1a1c) !important;
  background-color: var(--xmail-mail-body-bg, #1a1a1c) !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
}

/* ══════════════════════════════════════════════════════
   v36 — viewer body corretto + Rubrica dark
   ══════════════════════════════════════════════════════ */

/* Rubrica: stub — stile completo in blocco xmail-contacts-ui in fondo file */
html body #rl-app .b-contacts-content.modal {
  background: var(--xmail-bg-deep, #0f0f11) !important;
}

/* ══════════════════════════════════════════════════════
   v37 — azioni messaggio + allegati 3D + pannello opzioni
   ══════════════════════════════════════════════════════ */

/* Toolbar azioni messaggio (Rispondi / Tutti / Inoltra / Altro) */
html body #rl-app .messageView .message-fixed-button-toolbar {
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .xmail-msg-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
}

html body #rl-app .messageView .message-fixed-button-toolbar .xmail-msg-actions > .buttonReply { order: 1; }
html body #rl-app .messageView .message-fixed-button-toolbar .xmail-msg-actions > .buttonReplyAll { order: 2; }
html body #rl-app .messageView .message-fixed-button-toolbar .xmail-msg-actions > .buttonForward { order: 3; }
html body #rl-app .messageView .message-fixed-button-toolbar .xmail-msg-actions > .btn-group { order: 4; }

html body #rl-app .messageView .message-fixed-button-toolbar .btn.btn-thin-2,
html body #rl-app .messageView .message-fixed-button-toolbar .btn.buttonReply,
html body #rl-app .messageView .message-fixed-button-toolbar .btn.buttonReplyAll,
html body #rl-app .messageView .message-fixed-button-toolbar .btn.buttonForward,
html body #rl-app .messageView .message-fixed-button-toolbar .btn.buttonMore {
  float: none !important;
  margin: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .btn [class^="icon-"],
html body #rl-app .messageView .message-fixed-button-toolbar .btn .icon-ellipsis-alt {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  opacity: 0.92 !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .btn [class^="icon-"]:before,
html body #rl-app .messageView .message-fixed-button-toolbar .btn .icon-ellipsis-alt:before {
  content: none !important;
  display: none !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .icon-reply {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 17 4 12 9 7'/%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .icon-reply-all {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 17 2 12 7 7'/%3E%3Cpolyline points='13 17 8 12 13 7'/%3E%3Cpath d='M22 18v-2a4 4 0 0 0-4-4H8'/%3E%3C/svg%3E") !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .icon-forward {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 17 20 12 15 7'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/svg%3E") !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .icon-ellipsis-alt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .btn:hover [class^="icon-"],
html body #rl-app .messageView .message-fixed-button-toolbar .btn:hover .icon-ellipsis-alt {
  opacity: 1 !important;
}

/* Pannello opzioni messaggio (dropdown More) */
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu.g-ui-menu {
  min-width: 240px !important;
  padding: 8px !important;
  margin-top: 8px !important;
  background: var(--xmail-menu-bg, #151c2e) !important;
  border: 1px solid var(--xmail-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .e-link,
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu a.menuitem {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  margin: 1px 0 !important;
  border-radius: 10px !important;
  color: var(--xmail-text, #e8edf5) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .e-link:hover,
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu a.menuitem:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .divider {
  margin: 6px 4px !important;
  border-top: 1px solid var(--xmail-divider, rgba(255, 255, 255, 0.08)) !important;
  background: none !important;
  height: 0 !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu [class^="icon-"] {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  margin: 0 !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu [class^="icon-"]:before {
  content: none !important;
  display: none !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-reply {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 17 4 12 9 7'/%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-reply-all {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 17 2 12 7 7'/%3E%3Cpolyline points='13 17 8 12 13 7'/%3E%3Cpath d='M22 18v-2a4 4 0 0 0-4-4H8'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-forward {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 17 20 12 15 7'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-pencil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-archive {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='5' rx='1'/%3E%3Cpath d='M4 9v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-check-mark-circle-two {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-trash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-print {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-popup {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-file-code {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c5d0e2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
}
html body #rl-app .messageView .message-fixed-button-toolbar .dropdown-menu .icon-remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E") !important;
}

/* Allegati: layout icona 3D + preview occhio solo in hover */
html body #rl-app .attachmentItem .attachmentIconParent,
html body #rl-app .messageView .attachmentItem .attachmentIconParent {
  position: relative !important;
  width: 56px !important;
  min-width: 56px !important;
  height: auto !important;
  min-height: 64px !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  padding: 8px 4px 8px 10px !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview .hidePreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay .hidePreview {
  display: block !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay .showPreplay {
  display: none !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .showPreplay {
  display: block !important;
  position: absolute !important;
  inset: 8px 4px 8px 10px !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .showPreview .iconMain,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .showPreplay .iconMain,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .showPreview .iconBG,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .showPreplay .iconBG {
  display: none !important;
  background-image: none !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .hidePreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .hidePreview {
  opacity: 0.35 !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .iconMain,
html body #rl-app .attachmentItem .attachmentIconParent .iconBG,
html body #rl-app .attachmentItem .attachmentIconParent .iconPreview,
html body #rl-app .attachmentItem .attachmentIconParent .iconProgress {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 48px !important;
  display: block !important;
  margin: 0 !important;
  background-color: transparent !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .iconMain {
  display: block !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .iconPreview {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .iconPreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .iconPreview {
  display: flex !important;
}

html body #rl-app .attachmentItem .attachmentIcon,
html body #rl-app .attachmentItem .attachmentIconText {
  display: none !important;
  font-size: 0 !important;
  color: transparent !important;
  opacity: 0 !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .iconPreview .attachmentIcon {
  display: inline-block !important;
  opacity: 1 !important;
  font-size: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/18px no-repeat !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .iconPreview .attachmentIcon:before {
  content: none !important;
}

html body #rl-app .attachmentItem .controls-handle.icon-cog,
html body #rl-app .messageView .attachmentsPlace .controls-handle {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 0 !important;
  color: transparent !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa6ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") center/16px no-repeat !important;
}

html body #rl-app .attachmentItem .controls-handle.icon-cog:before,
html body #rl-app .messageView .attachmentsPlace .controls-handle:before {
  content: none !important;
}

/* ══════════════════════════════════════════════════════
   v62 — Scrivi / Rubrica ghost (senza sfondo)
   ══════════════════════════════════════════════════════ */
html body #xmail-navbar .xmail-nav-btn[data-action="compose"],
html body #xmail-navbar .xmail-nav-btn[data-action="contacts"],
html body #xmail-navbar .xmail-nav-btn-primary,
html body #xmail-navbar .xmail-nav-btn-ghost {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--xmail-radius-ui, 12px) !important;
}

html body #xmail-navbar .xmail-nav-btn[data-action="compose"] {
  color: var(--xmail-accent-contrast, #fecdd3) !important;
}

html body #xmail-navbar .xmail-nav-btn[data-action="contacts"] {
  color: var(--xmail-text, #e8edf5) !important;
}

html body #xmail-navbar .xmail-nav-btn[data-action="compose"]:hover,
html body #xmail-navbar .xmail-nav-btn[data-action="contacts"]:hover,
html body #xmail-navbar .xmail-nav-btn-primary:hover,
html body #xmail-navbar .xmail-nav-btn-ghost:hover {
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #xmail-navbar .xmail-user-email {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  opacity: 1 !important;
}

html body #rl-app .b-folders .b-list-delimiter,
html body #rl-app .b-folders hr.b-list-delimiter,
html body #rl-app hr.b-list-delimiter {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  margin: 6px 0 !important;
}

html body #rl-app .b-folders .b-content .e-item .e-link {
  border: none !important;
  box-shadow: none !important;
}

html body #rl-app .b-folders .b-content .e-item .e-link.selectable.selected {
  background: color-mix(in srgb, var(--xmail-accent) 22%, transparent) !important;
  box-shadow: none !important;
  border: none !important;
}

html body #rl-app .attachmentItem .attachmentIconParent .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent .showPreplay,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreview .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay .showPreplay {
  display: none !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .showPreview,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .showPreplay {
  display: block !important;
}

html body #rl-app .attachmentItem .attachmentIconParent.hasPreview:hover .showPreview .iconMain,
html body #rl-app .attachmentItem .attachmentIconParent.hasPreplay:hover .showPreplay .iconMain {
  display: none !important;
  background: none !important;
}

/* ══════════════════════════════════════════════════════
   v41 — ripristino pannelli (niente blur / niente overlay)
   ══════════════════════════════════════════════════════ */
html body #rl-app #rl-right,
html body #rl-app .messageList,
html body #rl-app .messageView,
html body #rl-app .messageList .b-message-list-wrapper,
html body #rl-app .messageView .b-message-view-wrapper,
html body #rl-app .messageView .b-content {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Lista sopra anteprima: evita che il viewer “mangi” i click */
html body #rl-app #rl-sub-left {
  z-index: 4 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

html body #rl-app #rl-sub-right {
  z-index: 2 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

html body #rl-app .messageList,
html body #rl-app .messageList .b-message-list-wrapper {
  background: color-mix(in srgb, var(--xmail-surface, rgba(24, 24, 27, 0.78)) 88%, transparent) !important;
  background-color: color-mix(in srgb, var(--xmail-surface, rgba(24, 24, 27, 0.78)) 88%, transparent) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
}

html body #rl-app .b-folders {
  background: var(--xmail-glass, rgba(18, 18, 20, 0.72)) !important;
  background-color: var(--xmail-glass, rgba(18, 18, 20, 0.72)) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
}

html body #rl-app .messageView,
html body #rl-app .messageView .b-message-view-wrapper,
html body #rl-app .messageView .b-content,
html body #rl-app .thm-message-view-background-color {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--xmail-surface-2, rgba(28, 28, 32, 0.7)) !important;
  background-color: var(--xmail-surface-2, rgba(28, 28, 32, 0.7)) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* Corpi messaggio in cache: non forzare display (jQuery hide/show per lo switch) */
html body #rl-app .messageView .bodyText .b-text-part.rl-cache-class {
  max-width: 100% !important;
}

html body #rl-app .messageList .toolbar,
html body #rl-app .messageList .second-toolbar {
  background: var(--xmail-glass, #060a16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body #rl-app .messageList .b-content {
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Placeholder viewer: mai forzare display (rompe Knockout) */
html body #rl-app .messageView .b-message-view-desc,
html body #rl-app .messageView .b-message-view-desc.error {
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
}

/* ══════════════════════════════════════════════════════
   v43 — Compose: campi, toolbar, icone, Salva/Elimina
   ══════════════════════════════════════════════════════ */
html body .b-compose.modal,
html body #rl-app .b-compose.modal,
html body .popups .b-compose.modal {
  background: var(--xmail-surface-solid, #161618) !important;
  background-color: var(--xmail-surface-solid, #161618) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.7) !important;
  overflow: hidden !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .b-compose .b-header-toolbar,
html body #rl-app .b-compose .b-header-toolbar {
  background: var(--xmail-surface-solid, #0a101c) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  height: 52px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}

/* Invia CTA boxed — solo fuori mockup DF (classe su <html>) */
html:not(.xmail-compose-mockup-on) body .b-compose .b-header-toolbar .button-send,
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .b-header-toolbar .button-send {
  background: var(--xmail-accent, #e11d48) !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--xmail-text-strong, #fff) !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: none !important;
}

html:not(.xmail-compose-mockup-on) body .b-compose .b-header-toolbar .button-send:hover,
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .b-header-toolbar .button-send:hover {
  background: var(--xmail-accent-hover, #be123c) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-compose .b-header-toolbar .button-save,
html body .b-compose .b-header-toolbar .button-delete,
html body .b-compose .b-header-toolbar a.button-save,
html body .b-compose .b-header-toolbar a.button-delete,
html body #rl-app .b-compose .b-header-toolbar .button-save,
html body #rl-app .b-compose .b-header-toolbar .button-delete,
html body #rl-app .b-compose .b-header-toolbar .btn.button-save,
html body #rl-app .b-compose .b-header-toolbar .btn.button-delete,
html body #rl-app .b-compose .b-header-toolbar .btn.btn-danger.button-delete {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--xmail-text, #e8edf5) !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .b-compose .b-header-toolbar .button-save:hover,
html body .b-compose .b-header-toolbar .button-delete:hover,
html body #rl-app .b-compose .b-header-toolbar .button-save:hover,
html body #rl-app .b-compose .b-header-toolbar .button-delete:hover,
html body #rl-app .b-compose .b-header-toolbar .btn.button-save:hover,
html body #rl-app .b-compose .b-header-toolbar .btn.button-delete:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-compose .b-header-toolbar .button-delete [class^="icon-"],
html body .b-compose .b-header-toolbar .button-save [class^="icon-"],
html body .b-compose .b-header-toolbar .button-send [class^="icon-"] {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
}

html body .b-compose .b-header-toolbar .button-delete [class^="icon-"]:before,
html body .b-compose .b-header-toolbar .button-save [class^="icon-"]:before,
html body .b-compose .b-header-toolbar .button-send [class^="icon-"]:before {
  content: none !important;
  display: none !important;
}

html body .b-compose .b-header-toolbar .icon-paper-plane {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header-toolbar .icon-floppy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header-toolbar .icon-trash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fda4af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header-toolbar .close-custom,
html body .b-compose .b-header-toolbar .minimize-custom {
  color: var(--xmail-text) !important;
  opacity: 0.75 !important;
  text-shadow: none !important;
}

html body .b-compose .modal-body {
  background: transparent !important;
}

html body .b-compose .b-header {
  background: transparent !important;
  color: var(--xmail-text) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 16px 10px !important;
}

html body .b-compose .b-header .e-label,
html body .b-compose .b-header .e-label .control-label,
html body .b-compose .b-header .e-label span {
  color: var(--xmail-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .b-compose .xmail-identity-dd,
html body .b-compose .b-header .dropdown.pull-left {
  float: left !important;
  max-width: min(100%, 520px) !important;
}

html body .b-compose .b-header .e-identity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #e8edf5) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: default !important;
}

html body .b-compose .b-header .e-identity.multiply {
  cursor: pointer !important;
}

html body .b-compose .b-header .e-identity.multiply:hover,
html body .b-compose .b-header .dropdown.open .e-identity {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 45%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  text-decoration: none !important;
}

html body .b-compose .b-header .e-identity .xmail-identity-text {
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 420px !important;
  color: inherit !important;
}

html body .b-compose .b-header .e-identity .xmail-identity-caret {
  flex: 0 0 auto !important;
  width: 10px !important;
  height: 10px !important;
  margin-left: 2px !important;
  opacity: 0.75 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/10px no-repeat !important;
}

html body .b-compose .b-header .xmail-identity-dd .dropdown-menu,
html body .b-compose .b-header .dropdown .dropdown-menu {
  z-index: 2000 !important;
  min-width: 280px !important;
  max-width: 480px !important;
  margin-top: 6px !important;
  padding: 6px !important;
  background: var(--xmail-menu-bg, #151c2e) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

html body .b-compose .b-header .dropdown-menu .e-link {
  color: var(--xmail-text) !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
}

html body .b-compose .b-header .g-ui-link {
  color: var(--xmail-accent-contrast, #fecdd3) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body .b-compose .b-header .g-ui-link:hover {
  color: var(--xmail-text-strong, #fff) !important;
}

/* Destinatario (inputosaurus) + Oggetto: campo full-width, niente input da 25px */
html body .b-compose .b-header .g-ui-table,
html body .b-compose .b-header .g-ui-table .e-row {
  width: 100% !important;
}

html body .b-compose .b-header .e-cell.e-label {
  width: 1% !important;
  white-space: nowrap !important;
  padding-right: 12px !important;
}

html body .b-compose .b-header .e-cell.e-value,
html body .b-compose .b-header .e-value {
  width: 99% !important;
  max-width: none !important;
}

/* Oggetto / destinatario boxed — solo fuori mockup DF */
html:not(.xmail-compose-mockup-on) body .b-compose .b-header .e-value > input[type="text"],
html:not(.xmail-compose-mockup-on) body .b-compose .b-header .e-value > textarea,
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .b-header .e-value > input[type="text"],
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .b-header .e-value > textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #e8edf5) !important;
  -webkit-text-fill-color: var(--xmail-text, #e8edf5) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  font-size: 13px !important;
  font-family: inherit !important;
}

html:not(.xmail-compose-mockup-on) body .b-compose .b-header .e-value > input[type="text"]:focus,
html:not(.xmail-compose-mockup-on) body .b-compose .b-header .e-value > textarea:focus {
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, transparent) !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.09)) !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.09)) !important;
  box-shadow: 0 0 0 2px var(--xmail-accent-ring, rgba(225, 29, 72, 0.3)) !important;
  outline: none !important;
}

html:not(.xmail-compose-mockup-on) body .b-compose .inputosaurus-container,
html:not(.xmail-compose-mockup-on) body .popups .b-compose .inputosaurus-container,
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .inputosaurus-container,
html:not(.xmail-compose-mockup-on) body .b-compose ul.inputosaurus-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.06)) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  font-family: inherit !important;
  line-height: 22px !important;
  list-style: none !important;
}

html:not(.xmail-compose-mockup-on) body .b-compose .inputosaurus-container.inputosaurus-focused,
html:not(.xmail-compose-mockup-on) body .popups .b-compose .inputosaurus-container.inputosaurus-focused,
html:not(.xmail-compose-mockup-on) body #rl-app .b-compose .inputosaurus-container.inputosaurus-focused {
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, transparent) !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.09)) !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.09)) !important;
  box-shadow: 0 0 0 2px var(--xmail-accent-ring, rgba(225, 29, 72, 0.3)) !important;
  -webkit-box-shadow: 0 0 0 2px var(--xmail-accent-ring, rgba(225, 29, 72, 0.3)) !important;
}

html body .b-compose .inputosaurus-container > li,
html body #rl-app .b-compose .inputosaurus-container > li {
  float: none !important;
  flex: 0 1 auto !important;
  max-width: 100% !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
  background-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--xmail-accent, #e11d48) 35%, transparent) !important;
  border-radius: 8px !important;
  color: var(--xmail-text-strong, #fff) !important;
  box-shadow: none !important;
  padding: 3px 18px 3px 8px !important;
  margin: 0 !important;
}

html body .b-compose .inputosaurus-container li.inputosaurus-selected,
html body #rl-app .b-compose .inputosaurus-container li.inputosaurus-selected {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 40%, transparent) !important;
}

html body .b-compose .inputosaurus-container li a {
  color: var(--xmail-text-soft, rgba(255, 255, 255, 0.75)) !important;
}

/* Campo digitazione: tutta la riga (override width inline ~25px di inputosaurus.js) */
html body .b-compose .inputosaurus-container > li.inputosaurus-input,
html body .b-compose .inputosaurus-container > li.inputosaurus-input.inputosaurus-required,
html body #rl-app .b-compose .inputosaurus-container > li.inputosaurus-input,
html body .popups .b-compose .inputosaurus-container > li.inputosaurus-input {
  flex: 1 1 auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 12rem !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  float: none !important;
  overflow: visible !important;
}

html body .b-compose .inputosaurus-container .inputosaurus-input input,
html body #rl-app .b-compose .inputosaurus-container .inputosaurus-input input,
html body .b-compose .inputosaurus-container li.inputosaurus-input input,
html body .popups .b-compose .inputosaurus-container li.inputosaurus-input input {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-text, #e8edf5) !important;
  -webkit-text-fill-color: var(--xmail-text, #e8edf5) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-family: inherit !important;
}

html body .b-compose .inputosaurus-container li.inputosaurus-input-hidden {
  display: none !important;
  flex: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Mittente: chip più largo, meno troncato */
html body .b-compose .b-header .e-identity {
  max-width: 100% !important;
}

html body .b-compose .b-header .e-identity .xmail-identity-text {
  max-width: min(720px, 70vw) !important;
}

html body .b-compose .xmail-identity-dd,
html body .b-compose .b-header .dropdown.pull-left {
  max-width: calc(100% - 220px) !important;
}

html body .ui-autocomplete,
html body .ui-autocomplete.xmail-compose-ac-menu {
  z-index: 20000 !important;
  background: var(--xmail-menu-bg, #151c2e) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: var(--xmail-text) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
  max-height: min(280px, 42vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html.xmail-compose-open .ui-autocomplete,
html.xmail-compose-inline .ui-autocomplete,
html.xmail-compose-mobile .ui-autocomplete {
  z-index: 20000 !important;
}

/* Suggerimenti destinatario: niente clip dal compose */
html body .b-compose .b-header,
html body .b-compose .b-header .g-ui-table,
html body .b-compose .b-header .e-row,
html body .b-compose .b-header .e-cell,
html body .b-compose .b-header .e-value {
  overflow: visible !important;
}

/* Chip destinatario sempre visibili (risposta / reply-all) */
html body .b-compose .inputosaurus-container > li:not(.inputosaurus-input):not(.inputosaurus-input-hidden) {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
}

html body .b-compose .inputosaurus-container > li:not(.inputosaurus-input) a {
  color: var(--xmail-text-strong, #fff) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(420px, 55vw) !important;
}

/* Destinatari TO — chip wrappabili + input accanto */
html body .b-compose .xmail-to-row .e-cell.e-value {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  max-width: 100% !important;
}

html body .b-compose .xmail-compose-to-field {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 4px 6px;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

html body .b-compose .xmail-compose-to-chips {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 4px 6px;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  cursor: text;
}

html body .b-compose .xmail-compose-to-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 3px 4px 3px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 14%, rgba(255, 255, 255, 0.08));
  border: 1px solid color-mix(in srgb, var(--xmail-accent, #e11d48) 28%, transparent);
  color: var(--xmail-text-strong, #f3f6fb);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal;
  word-break: break-word;
}

html body .b-compose .xmail-compose-to-chip-label {
  min-width: 0;
  max-width: 100%;
}

html body .b-compose .xmail-compose-to-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.9));
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}

html body .b-compose .xmail-compose-to-chip-remove:hover,
html body .b-compose .xmail-compose-to-chip-remove:focus {
  color: var(--xmail-accent, #e11d48);
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 18%, transparent);
  outline: none;
}

html body .b-compose .xmail-to-row:not(.xmail-to-has-value) .xmail-compose-to-chips {
  display: none !important;
}

html body .b-compose .xmail-to-row.xmail-to-has-value .xmail-compose-to-chips {
  display: flex !important;
}

/* Chip inputosaurus nascosti: usiamo i chip Xmail */
html body .b-compose .xmail-to-row.xmail-to-has-value .inputosaurus-container > li:not(.inputosaurus-input):not(.inputosaurus-input-hidden) {
  display: none !important;
}

html body .b-compose .xmail-to-row.xmail-to-has-value .inputosaurus-container {
  position: static !important;
  flex: 1 1 88px !important;
  min-width: 72px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  clip: auto !important;
}

html body .b-compose .xmail-to-row.xmail-to-has-value:not(.xmail-to-focused) .inputosaurus-container .inputosaurus-input input {
  min-width: 0 !important;
  width: 72px !important;
}

html body .b-compose .xmail-to-row.xmail-to-focused .inputosaurus-container {
  flex: 1 1 140px !important;
  min-width: 120px !important;
}

html body .b-compose .xmail-to-row.xmail-to-focused .inputosaurus-container .inputosaurus-input input {
  min-width: 120px !important;
  width: 100% !important;
}

/* Più destinatari: riga TO più alta, CC/CCN/Rispondi sotto */
html body .b-compose .xmail-to-row.xmail-to-multi,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .e-row.xmail-to-row.xmail-to-multi {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 32px !important;
  row-gap: 4px !important;
  padding-bottom: 2px !important;
}

html body .b-compose .xmail-to-row.xmail-to-multi .e-label.xmail-to-label-top,
html body .b-compose .xmail-to-row.xmail-to-multi .e-cell.e-label {
  align-self: flex-start !important;
  padding-top: 6px !important;
}

html body .b-compose .xmail-to-row.xmail-to-multi .xmail-compose-to-field,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row.xmail-to-multi .xmail-compose-to-field {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

html body .b-compose .xmail-to-row.xmail-to-multi .xmail-compose-opts,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row.xmail-to-multi .xmail-compose-opts {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  justify-content: flex-end !important;
  order: 2 !important;
  padding-top: 2px !important;
}

html body .b-compose .xmail-to-row:not(.xmail-to-multi) .xmail-compose-opts,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row:not(.xmail-to-multi) .xmail-compose-opts {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

html body .b-compose .xmail-to-row .e-label .control-label span,
html body .b-compose .xmail-to-row .e-label span[data-i18n="COMPOSE/TITLE_TO"] {
  font-weight: 700;
}

html body .ui-autocomplete .ui-menu-item a,
html body .ui-autocomplete .ui-menu-item div {
  color: var(--xmail-text) !important;
}

html body .ui-autocomplete .ui-state-focus,
html body .ui-autocomplete .ui-state-active {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  border: none !important;
}

/* Nascondi Dropbox / Google Drive (anche se riabilitati da config) */
html body .b-compose .icon-dropbox,
html body .b-compose .icon-google-drive,
html body .b-compose a[tooltip="COMPOSE/DROPBOX"],
html body .b-compose .btn .icon-dropbox,
html body .b-compose .btn .icon-google-drive {
  display: none !important;
}

html body .b-compose .b-header a.btn:has(.icon-dropbox),
html body .b-compose .b-header a.btn:has(.icon-google-drive) {
  display: none !important;
}

/* Toolbar allegati / switch editor */
html body .b-compose .b-header .btn-group .btn {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: var(--xmail-text) !important;
  min-width: 40px !important;
  height: 36px !important;
  margin: 0 3px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html body .b-compose .b-header .btn-group .btn.active,
html body .b-compose .b-header .btn-group .btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

html body .b-compose .b-header .btn-group .btn.first {
  border-radius: 10px 0 0 10px !important;
  margin-right: 0 !important;
}

html body .b-compose .b-header .btn-group .btn.last {
  border-radius: 0 10px 10px 0 !important;
  margin-left: 0 !important;
}

html body .b-compose .b-header .btn-group .btn.first.last,
html body .b-compose .b-header .xmail-attach-btn {
  border-radius: 10px !important;
}

html body .b-compose .b-header .btn-group .btn [class^="icon-"] {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

html body .b-compose .b-header .btn-group .btn [class^="icon-"]:before {
  content: none !important;
  display: none !important;
}

html body .b-compose .b-header .icon-file-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header .icon-attachment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header .xmail-icon-attach-add {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3Ccircle cx='18' cy='5' r='3.2' fill='%23e11d48' stroke='none'/%3E%3Cpath d='M18 3.6v2.8M16.6 5h2.8' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header .icon-list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='1.5' fill='%23e8edf5' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23e8edf5' stroke='none'/%3E%3Ccircle cx='12' cy='19' r='1.5' fill='%23e8edf5' stroke='none'/%3E%3C/svg%3E") !important;
}

html body .b-compose .b-header .icon-address-book {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
}

html body .b-compose .attachmentAreaParent {
  background: rgba(0, 0, 0, 0.22) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .b-compose .attachmentAreaParent .no-attachments-desc,
html body .b-compose .b-attachment-place {
  color: var(--xmail-muted) !important;
  text-shadow: none !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* CKEditor — toolbar dark + icone SVG */
html body .b-compose .cke_chrome,
html body #rl-app .b-compose .cke_chrome {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .b-compose .cke_inner {
  background: transparent !important;
}

html body .b-compose .cke_top {
  background: var(--xmail-menu-solid, rgba(8, 12, 22, 0.92)) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  padding: 10px 12px 6px !important;
}

html body .b-compose .cke_bottom {
  display: none !important;
}

html body .b-compose .cke_toolbox {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

html body .b-compose .cke_toolbar {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body .b-compose .cke_toolgroup {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 1px !important;
}

html body .b-compose .cke_button {
  background: transparent !important;
  border: none !important;
  border-radius: 7px !important;
  padding: 5px !important;
  margin: 0 !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .b-compose a.cke_button_off:hover,
html body .b-compose a.cke_button_on,
html body .b-compose a.cke_button_off:focus,
html body .b-compose a.cke_button_off:active {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  border: none !important;
  box-shadow: none !important;
}

html body .b-compose a.cke_button_on {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 28%, transparent) !important;
}

html body .b-compose .cke_button_icon {
  filter: none !important;
  opacity: 1 !important;
  width: 16px !important;
  height: 16px !important;
  background-size: 16px 16px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  float: none !important;
}

html body .b-compose .cke_button__bold_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 0 8H6z'/%3E%3Cpath d='M6 12h9a4 4 0 0 1 0 8H6z'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__italic_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__underline_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v7a6 6 0 0 0 12 0V4'/%3E%3Cline x1='4' y1='21' x2='20' y2='21'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__strike_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.3 4.9A5.4 5.4 0 0 0 7.5 8.2c0 2.4 1.8 3.4 4.5 4.3s4.5 1.9 4.5 4.3a5.3 5.3 0 0 1-9.6 2.8'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__removeformat_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V4h16v3'/%3E%3Cpath d='M9 20h6'/%3E%3Cpath d='M12 4v16'/%3E%3Cline x1='4' y1='20' x2='20' y2='4'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__textcolor_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 17 5.5-13h1L16 17'/%3E%3Cpath d='M6.5 12h7'/%3E%3Crect x='3' y='19' width='14' height='3' rx='1' fill='%23e11d48' stroke='none'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__bgcolor_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6l1 4H8z'/%3E%3Cpath d='M12 7v5'/%3E%3Cpath d='M8 12h8l-1.2 7.2A2 2 0 0 1 12.8 21h-1.6a2 2 0 0 1-2-1.8L8 12z'/%3E%3Crect x='4' y='19' width='16' height='3' rx='1' fill='%23fbbf24' stroke='none'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__justifyleft_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='15' y2='12'/%3E%3Cline x1='3' y1='18' x2='18' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__justifycenter_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__justifyright_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='9' y1='12' x2='21' y2='12'/%3E%3Cline x1='6' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__justifyblock_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__bulletedlist_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='9' y1='6' x2='21' y2='6'/%3E%3Cline x1='9' y1='12' x2='21' y2='12'/%3E%3Cline x1='9' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.4' fill='%23e8edf5' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.4' fill='%23e8edf5' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.4' fill='%23e8edf5' stroke='none'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__numberedlist_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' y1='6' x2='21' y2='6'/%3E%3Cline x1='10' y1='12' x2='21' y2='12'/%3E%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpath d='M4 5h1v4M4 13h2M4 17h2v2H4'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__outdent_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 8 3 12 7 16'/%3E%3Cline x1='21' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='6' x2='11' y2='6'/%3E%3Cline x1='21' y1='18' x2='11' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__indent_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 7 12 3 16'/%3E%3Cline x1='21' y1='12' x2='7' y2='12'/%3E%3Cline x1='21' y1='6' x2='11' y2='6'/%3E%3Cline x1='21' y1='18' x2='11' y2='18'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__blockquote_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-1.75 4v4z'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__link_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__unlink_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.84 12.25 1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='m5.17 11.75-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3Cline x1='2' y1='2' x2='22' y2='22'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__image_icon,
html body .b-compose .cke_button__base64image_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__table_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3Cline x1='9' y1='3' x2='9' y2='21'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3C/svg%3E") !important;
}
html body .b-compose .cke_button__sourcedialog_icon,
html body .b-compose .cke_button__source_icon,
html body .b-compose .cke_button__plain_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E") !important;
}

html body .b-compose .cke_combo {
  margin: 0 2px 0 0 !important;
}

html body .b-compose .cke_combo_button {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 2px 4px !important;
  min-height: 28px !important;
}

html body .b-compose .cke_combo_text {
  color: var(--xmail-text, #e8edf5) !important;
  text-shadow: none !important;
  line-height: 26px !important;
  width: auto !important;
  min-width: 48px !important;
}

html body .b-compose .cke_combo_arrow {
  border-top-color: var(--xmail-muted, #8b95a8) !important;
  margin: 11px 4px 0 0 !important;
  opacity: 0.85 !important;
}

html body .b-compose .cke_combo_button:hover,
html body .b-compose .cke_combo_off a.cke_combo_button:hover,
html body .b-compose .cke_combo_on a.cke_combo_button {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

html body .b-compose .cke_toolbar_separator {
  background-color: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: none !important;
  margin: 4px 3px !important;
}

html body .b-compose .cke_contents {
  background: #ffffff !important;
  border: none !important;
}

html body .b-compose .textAreaParent {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html body .cke_panel,
html body .cke_panel_frame,
html body .cke_combopanel {
  background: var(--xmail-menu-bg, #151c2e) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ══════════════════════════════════════════════════════
   v51 — IMPOSTAZIONI: minimal, no bordi / no card
   ══════════════════════════════════════════════════════ */

html.xmail-settings-open #rl-left,
html.xmail-settings-open #rl-right,
html.xmail-settings-open #rl-app .b-settins-left,
html.xmail-settings-open #rl-app .b-settings,
html.xmail-settings-open #rl-app .b-settings-content {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Backdrop mailbox: in Impostazioni solo con drawer menu aperto */
html.xmail-settings-open:not(.xmail-settings-panel-open) #xmail-mobile-backdrop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

html.xmail-mobile.xmail-settings-open.xmail-settings-panel-open #xmail-mobile-backdrop.is-visible {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 68 !important;
}

/* Impostazioni: contenuto destro sempre stabile */
html.xmail-settings-open #rl-right,
html.xmail-settings-open body #rl-app #rl-right {
  pointer-events: auto !important;
}

/* Mobile: contenuto full-bleed sempre; menu = drawer */
html.xmail-mobile.xmail-settings-open #rl-right,
html.xmail-mobile.xmail-settings-open body #rl-app #rl-right {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html.xmail-mobile.xmail-settings-open.rl-left-panel-disabled #rl-left,
html.xmail-mobile.xmail-settings-open:not(.xmail-settings-panel-open) #rl-left {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

html.xmail-mobile.xmail-settings-open.xmail-settings-panel-open #rl-left {
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 70 !important;
  box-shadow: 16px 0 48px rgba(0, 0, 0, 0.55) !important;
}

/* Bottone Opzioni (mobile, pannello chiuso) */
#xmail-settings-mobile-open,
html body #xmail-settings-mobile-open {
  position: fixed !important;
  top: calc(var(--xmail-nav-h, 56px) + 10px) !important;
  left: 12px !important;
  z-index: 80 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 14px 0 12px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  background: var(--xmail-surface-solid, #1a1a1e) !important;
  color: var(--xmail-text, #f3f4f6) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

#xmail-settings-mobile-open[hidden] {
  display: none !important;
}

#xmail-settings-mobile-open .xmail-settings-mobile-open-ico,
#xmail-settings-mobile-open .xmail-settings-mobile-open-ico svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
}

html:not(.xmail-mobile) #xmail-settings-mobile-open,
html:not(.xmail-settings-open) #xmail-settings-mobile-open {
  display: none !important;
}

/* Contenuto destro sempre visibile; menu sinistro gestito dal toggle */
html.xmail-settings-open #rl-app .b-settings .b-content {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: none !important;
  box-shadow: none !important;
}

html.xmail-settings-open #rl-left,
html.xmail-settings-open #rl-right {
  background: var(--xmail-glass, rgba(12, 18, 34, 0.62)) !important;
  background-color: var(--xmail-glass, rgba(12, 18, 34, 0.62)) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
}

html.xmail-settings-open body #rl-app .b-settins-left,
html.xmail-settings-open body #rl-app .b-settings,
html.xmail-settings-open body #rl-app .b-settings-content,
html.xmail-settings-open body #rl-app .b-settings-menu,
html.xmail-settings-open body #rl-app .b-settings-content .legend,
html.xmail-settings-open body #rl-app .b-settings-content .control-label,
html.xmail-settings-open body #rl-app .b-settings-content label,
html.xmail-settings-open body #rl-app .b-settings-content .btn {
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
}

/* ── Sidebar navigazione ─────────────────────────────── */
html body .b-settins-left.xmail-settings-nav,
html body #rl-left .b-settins-left {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--xmail-glass, rgba(12, 18, 34, 0.58)) !important;
  background-color: var(--xmail-glass, rgba(12, 18, 34, 0.58)) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .xmail-settings-nav-head {
  position: absolute;
  top: 8px;
  left: 12px;
  right: 12px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 12px 10px;
  pointer-events: none;
  border: none;
}

html body .xmail-settings-nav-kicker {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 75%, #fff) !important;
}

html body .xmail-settings-nav-title {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.045em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.1 !important;
}

html body .b-settins-left .b-content.thm-settings-menu,
html body #rl-left .b-settins-left .b-content.opacity-on-panel-disabled {
  top: 86px !important;
  bottom: 48px !important;
  left: 0 !important;
  right: 0 !important;
  padding: 12px 10px 0 !important;
  overflow: auto !important;
}

html body .b-settings-menu,
html body #rl-app .b-settings-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 4px 0 16px !important;
}

html body .b-settings-menu .e-item,
html body #rl-app .b-settings-menu .e-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.72)) !important;
  transition:
    background 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

html body .b-settings-menu .e-item.disabled {
  opacity: 0.38 !important;
  cursor: default !important;
}

html body .b-settings-menu .e-item.selectable {
  cursor: pointer !important;
}

html body .b-settings-menu .e-item.selectable:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  transform: translateX(3px);
}

html body .b-settings-menu .e-item.selectable.selected,
html body .b-settings-menu .e-item.selectable.selected:hover {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 16%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  box-shadow: none !important;
  transform: none;
}

html body .b-settings-menu .e-item.selectable.selected::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 11px !important;
  bottom: 11px !important;
  width: 2px !important;
  border-radius: 2px !important;
  background: var(--xmail-accent, #e11d48) !important;
}

html body .b-settings-menu .xmail-settings-ico {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  opacity: 0.85 !important;
}

html body .b-settings-menu .e-item.selectable.selected .xmail-settings-ico {
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
  opacity: 1 !important;
}

html body .b-settings-menu .e-link,
html body .b-settins-left .b-settings-menu .e-link,
html body #rl-app .b-settings-menu .e-link {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  box-shadow: none !important;
  cursor: inherit !important;
}

html body .b-settings-menu .e-item.selectable.selected .e-link {
  font-weight: 600 !important;
}

html body .b-settings-menu .e-item.selectable:hover .e-link,
html body .b-settings-menu .e-item.selectable.selected .e-link {
  background: transparent !important;
  color: inherit !important;
}

html body .b-settins-left .b-footer {
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
  height: auto !important;
  padding: 0 !important;
  z-index: 6 !important;
}

html body .b-settins-left .b-footer .btn-toolbar,
html body .b-settins-left .b-footer .btn-group,
html body .b-settins-left .b-footer nobr {
  display: block !important;
  width: 100% !important;
}

html body .b-settins-left .b-footer .btn,
html body .b-settins-left .b-footer .xmail-settings-panel-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.92)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: visible !important;
  white-space: nowrap !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

html body .b-settins-left .b-footer .btn:hover,
html body .b-settins-left .b-footer .xmail-settings-panel-toggle:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .xmail-settings-panel-toggle-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

html body .xmail-settings-panel-toggle-ico svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

html body .xmail-settings-panel-toggle-label {
  display: inline-block !important;
  line-height: 1.2 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  color: inherit !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  overflow: visible !important;
}

html body .b-settins-left .show-on-panel-disabled {
  display: none !important;
}

/* Pannello opzioni chiuso: rail compatto 56px */
html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .xmail-settings-nav-head,
html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .opacity-on-panel-disabled,
html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .hide-on-panel-disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .show-on-panel-disabled,
html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .xmail-settings-panel-rail {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  position: absolute !important;
  top: 12px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 56px !important;
  padding: 14px 6px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.78)) !important;
  z-index: 4 !important;
}

html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .xmail-settings-panel-rail:hover {
  color: var(--xmail-text-strong, #fff) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
}

html body .xmail-settings-panel-rail-ico {
  display: inline-flex !important;
  width: 20px !important;
  height: 20px !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 65%, #fff) !important;
}

html body .xmail-settings-panel-rail-ico svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

html body .xmail-settings-panel-rail-label {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .b-footer {
  left: 4px !important;
  right: 4px !important;
  bottom: 8px !important;
}

html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .xmail-settings-panel-toggle-label {
  display: none !important;
}

html.xmail-settings-open.rl-left-panel-disabled #rl-left .b-settins-left .xmail-settings-panel-toggle {
  min-height: 40px !important;
  padding: 0 !important;
}

/* ── Pannello destro ─────────────────────────────────── */
html body .b-settings.b-settins-right,
html body .b-settings.xmail-settings-pane,
html body #rl-app .b-settings {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--xmail-glass, rgba(12, 18, 34, 0.52)) !important;
  background-color: var(--xmail-glass, rgba(12, 18, 34, 0.52)) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  border: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .b-settins-right .b-toolbar,
html body .xmail-settings-toolbar,
html body #rl-app .b-settings .b-toolbar {
  height: 56px !important;
  padding: 10px 40px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .xmail-settings-toolbar .btn-toolbar {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .xmail-settings-back,
html body #rl-app .b-settings .button-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: var(--xmail-text-soft, rgba(245, 247, 252, 0.78)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease !important;
}

html body .xmail-settings-back:hover,
html body #rl-app .b-settings .button-back:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  transform: translateX(-2px);
}

html body .xmail-settings-back .icon-left {
  display: none !important;
}

html body .xmail-settings-back-ico {
  flex: 0 0 auto;
  opacity: 0.9;
}

html body .b-settins-right .b-content,
html body .xmail-settings-scroll,
html body #rl-app .b-settings .b-content {
  top: 56px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: auto !important;
}

html body .b-settins-right .b-settings-content,
html body .xmail-settings-body,
html body #rl-app .b-settings-content {
  max-width: 720px !important;
  margin: 0 !important;
  padding: 12px 40px 72px !important;
  background: transparent !important;
  color: var(--xmail-text, #f5f7fc) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Sezioni / form: flat, senza card ─────────────────── */
html body .b-settings-content .form-horizontal,
html body #rl-app .b-settings-content .form-horizontal {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 0 28px !important;
  margin: 0 0 8px !important;
  box-shadow: none !important;
  color: var(--xmail-text, #f5f7fc) !important;
}

html body .b-settings-content .legend,
html body #rl-app .b-settings-content .legend {
  width: auto !important;
  max-width: none !important;
  margin: 8px 0 20px !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
  color: var(--xmail-text-strong, #fff) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  line-height: 1.15 !important;
}

html body .b-settings-content .control-group,
html body #rl-app .b-settings-content .control-group {
  margin-bottom: 14px !important;
  padding: 8px 0 !important;
  border: none !important;
  transition: background 0.15s ease !important;
}

html body .b-settings-content .control-label,
html body #rl-app .b-settings-content .control-label {
  color: var(--xmail-text-soft, rgba(220, 228, 240, 0.72)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  padding-top: 9px !important;
}

html body .b-settings-content label,
html body #rl-app .b-settings-content label {
  color: var(--xmail-text-soft, rgba(240, 244, 250, 0.92)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.4 !important;
}

html body .b-settings-content .help-block,
html body .b-settings-content .muted,
html body #rl-app .b-settings-content .help-block,
html body #rl-app .b-settings-content .muted {
  color: var(--xmail-muted, rgba(180, 191, 208, 0.9)) !important;
  opacity: 1 !important;
  font-size: 12.5px !important;
}

html body .b-settings-content .controls,
html body #rl-app .b-settings-content .controls {
  color: var(--xmail-text, #f5f7fc) !important;
}

html body .b-settings-content .flag-selector .flag-name,
html body .b-settings-content b[data-bind*="identityMainDesc"],
html body .b-settings-general b {
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  border-bottom-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 65%, transparent) !important;
}

html body .b-settings-content select,
html body .b-settings-content input[type="text"],
html body .b-settings-content input[type="password"],
html body .b-settings-content input[type="email"],
html body .b-settings-content input[type="number"],
html body .b-settings-content textarea,
html body #rl-app .b-settings-content select,
html body #rl-app .b-settings-content input[type="text"],
html body #rl-app .b-settings-content input[type="password"],
html body #rl-app .b-settings-content textarea {
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: none !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  background-color: var(--xmail-faint, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  -webkit-text-fill-color: var(--xmail-text-strong, #fff) !important;
  box-shadow: none !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

html body .b-settings-content select:hover,
html body .b-settings-content input:hover,
html body .b-settings-content textarea:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.09)) !important;
}

html body .b-settings-content select:focus,
html body .b-settings-content input:focus,
html body .b-settings-content textarea:focus {
  border: none !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.11)) !important;
  box-shadow: none !important;
  outline: none !important;
}

html body .b-settings-content .btn,
html body .b-settings-filters .btn,
html body #rl-app .b-settings-content .btn,
html body #rl-app .b-settings-filters .btn {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  border: none !important;
  color: var(--xmail-text) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

html body .b-settings-content .btn:hover,
html body .b-settings-filters .btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  color: var(--xmail-text-strong, #fff) !important;
  transform: translateY(-1px);
}

html body .b-settings-content .btn.btn-danger,
html body .b-settings-filters .btn.btn-danger,
html body .b-settings-content a.btn.btn-danger {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 82%, #000) !important;
  border: none !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-settings-content .alert,
html body .b-settings-filters .alert {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: none !important;
  border-radius: 12px !important;
  color: var(--xmail-text) !important;
  box-shadow: none !important;
}

html body .b-settings-content .alert-error,
html body .b-settings-filters .alert-error {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 16%, transparent) !important;
  border: none !important;
}

/* ── Tabelle / liste flat ────────────────────────────── */
html body .b-settings-content .list-table,
html body .b-settings-filters .list-table,
html body .b-settings-accounts .list-table,
html body .b-settings-folders .list-table,
html body .b-settings-templates .list-table,
html body .b-settings-open-pgp .list-table {
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 4px !important;
  overflow: visible !important;
  color: var(--xmail-text, #f5f7fc) !important;
  box-shadow: none !important;
}

html body .b-settings-content .list-table td,
html body .b-settings-filters .list-table td,
html body .b-settings-accounts .list-table td {
  padding: 12px 10px !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  color: var(--xmail-text) !important;
  background: transparent !important;
  vertical-align: middle !important;
}

html body .b-settings-content .list-table tr:first-child td {
  border-top: none !important;
}

html body .b-settings-content .list-table tr:hover td,
html body .b-settings-filters .list-table tr:hover td,
html body .b-settings-accounts .list-table tr:hover td {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  border-radius: 10px !important;
}

html body .b-settings-content .drag-handle,
html body .b-settings-filters .list-table .drag-handle {
  color: var(--xmail-muted) !important;
  opacity: 0.55 !important;
}

html body .b-settings-content .list-table tr:hover .drag-handle {
  opacity: 1 !important;
  color: var(--xmail-text) !important;
}

html body .b-settings-accounts .accounts-list-wrp,
html body .b-settings-accounts .identities-list-wrp,
html body .b-settings-filters .filters-list-wrp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .b-settings-accounts > a.btn,
html body .b-settings-filters .row > .span5 > a.btn,
html body .b-settings-folders a.btn,
html body .b-settings-templates a.btn,
html body .b-settings-open-pgp a.btn {
  margin-bottom: 12px !important;
}

/* ── Temi: gli stili delle card sono nel blocco
   "Anteprime temi — card gradiente" più sopra ─────────── */

/* ── Checkbox: accent Xmail, niente verde stock ─────── */
html body .b-settings-content .checkbox-label,
html body .b-settings-content .e-checkbox,
html body .b-settings-content label.checkbox,
html body .b-settings-content .e-component.e-checkbox {
  color: var(--xmail-text-soft, rgba(240, 244, 250, 0.94)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

html body .b-settings-content .e-checkbox-icon,
html body .b-settings-content .icon-checkbox-unchecked,
html body .b-settings-content [class*="icon-checkbox"] {
  color: var(--xmail-muted, rgba(255, 255, 255, 0.45)) !important;
}

html body .b-settings-content .icon-checkbox-checked,
html body .b-settings-content .iconcolor-green,
html body .b-settings-content .e-checkbox .icon-checkbox-checked,
html body .b-settings-content .icon-ok,
html body #rl-app .b-settings-content .iconcolor-green,
html body #rl-app .b-settings-content .icon-checkbox-checked,
html body #rl-app .b-settings-content .settings-saved-trigger .animated,
html body #rl-app .b-settings-content .settings-saved-trigger .success {
  color: var(--xmail-accent, #e11d48) !important;
}

html body #rl-app .b-settings-content .e-component.e-checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  transition: background 0.14s ease !important;
}

html body #rl-app .b-settings-content .e-component.e-checkbox:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
}

html body .b-settings-content pre {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  border: none !important;
  border-radius: 12px !important;
  color: var(--xmail-text-soft, rgba(200, 210, 224, 0.95)) !important;
  padding: 12px 14px !important;
}

/* Override residui stock: zero bordi in settings */
html body #rl-app .b-settings *,
html body #rl-app .b-settins-left *,
html body #rl-app .b-settings-content .form-horizontal,
html body #rl-app .b-settings-content .legend,
html body #rl-app .b-settings-content .list-table,
html body #rl-app .b-settings-content .list-table td {
  box-shadow: none !important;
}

/* Eccezione al reset ombre: le card tema mantengono la loro elevazione */
html body #rl-app .b-settings .b-themes-list .e-item {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
}

html body #rl-app .b-settings .b-themes-list .e-item:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2) !important;
}

html body #rl-app .b-settings-content .form-horizontal,
html body #rl-app .b-settings-content .legend,
html body #rl-app .b-settings .b-toolbar,
html body #rl-app .b-settins-left,
html body #rl-app .b-settings .b-content {
  border: none !important;
  border-color: transparent !important;
}

/* ── Mobile ──────────────────────────────────────────── */
html.xmail-viewport-compact body .xmail-settings-nav-head {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 14px 14px 8px !important;
}

html.xmail-viewport-compact body .b-settins-left .b-content.thm-settings-menu {
  top: 0 !important;
  position: relative !important;
  padding: 0 10px 20px !important;
}

html.xmail-viewport-compact body .b-settins-right .b-settings-content,
html.xmail-viewport-compact body .xmail-settings-body {
  padding: 8px 14px 32px !important;
}

html.xmail-viewport-compact body .b-settings-content .form-horizontal .control-label {
  text-align: left !important;
  float: none !important;
  width: auto !important;
  padding-bottom: 4px !important;
}

html.xmail-viewport-compact body .b-settings-content .form-horizontal .controls {
  margin-left: 0 !important;
}

/* ══════════════════════════════════════════════════════
   v54 — Temi/sfondo + Cartelle + Account + Generali
   ══════════════════════════════════════════════════════ */

/* Sfondo tema (#rl-bg): cover pieno — non cancellare l'immagine del tema */
html body #rl-bg.thm-body,
html body #rl-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  /* Non forzare background-image: none qui — lo gestisce il CSS del tema */
}

html body #rl-bg .backstretch,
html body #rl-bg .backstretch > img,
html body #rl-bg .backstretch img {
  z-index: 0 !important;
  pointer-events: none !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Catena viewport → app: senza altezza piena #rl-center collassa a min-height:400px */
html body #rl-app,
html body #rl-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  z-index: 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Solo con vero user-bg: nascondi immagine tema (resta backstretch utente) */
html.xmail-has-user-bg #rl-bg.thm-body {
  background-image: none !important;
  background-color: var(--xmail-bg-deep, #121214) !important;
}

html.xmail-has-user-bg.xmail-settings-open #rl-left,
html.xmail-has-user-bg.xmail-settings-open #rl-right,
html.xmail-has-user-bg body #rl-app .b-settins-left,
html.xmail-has-user-bg body #rl-app .b-settings {
  background: var(--xmail-glass, rgba(12, 18, 34, 0.42)) !important;
  background-color: var(--xmail-glass, rgba(12, 18, 34, 0.42)) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
}

html.xmail-has-user-bg body #rl-app .b-folders,
html.xmail-has-user-bg body #rl-app .messageList,
html.xmail-has-user-bg body #rl-app .messageList .b-message-list-wrapper {
  background: var(--xmail-glass, rgba(22, 22, 24, 0.72)) !important;
  background-color: var(--xmail-glass, rgba(22, 22, 24, 0.72)) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* ── Azioni comuni (cartelle / account) ──────────────── */
html body .xmail-settings-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
}

html body .xmail-action-btn,
html body #rl-app .xmail-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 11px !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 88%, #000) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  box-shadow: none !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

html body .xmail-action-btn:hover {
  background: var(--xmail-accent-hover, #be123c) !important;
  color: var(--xmail-text-strong, #fff) !important;
  transform: translateY(-1px);
}

html body .xmail-action-btn-ghost,
html body #rl-app .xmail-action-btn-ghost {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  color: var(--xmail-text, #f5f7fc) !important;
}

html body .xmail-action-btn-ghost:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .xmail-action-ico {
  display: inline-flex !important;
  align-items: center !important;
  opacity: 0.95 !important;
}

html body .xmail-action-btn .icon-folder-add,
html body .xmail-action-btn .icon-wrench,
html body .xmail-action-btn .icon-user-add {
  display: none !important;
}

/* ── Temi + sfondo custom ────────────────────────────── */
html body .xmail-settings-themes .legend {
  margin-bottom: 14px !important;
}

html body .xmail-bg-panel {
  margin-top: 32px !important;
  max-width: 520px !important;
}

html body .xmail-bg-hint {
  margin: -4px 0 16px !important;
  color: var(--xmail-muted, rgba(180, 191, 208, 0.92)) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  max-width: 36rem !important;
}

html body .xmail-bg-error {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 18%, transparent) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  font-size: 13px !important;
}

html body .xmail-bg-drop {
  margin: 0 !important;
}

html body .xmail-bg-drop.is-loading .xmail-bg-upload-btn {
  opacity: 0.85 !important;
  pointer-events: none !important;
}

html body .xmail-bg-upload-btn,
html body #rl-app .xmail-bg-upload-btn,
html body #rl-app a.btn.xmail-bg-upload-btn,
html body #rl-app a.xmail-bg-upload-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 156px !important;
  padding: 28px 20px !important;
  border: 1.5px dashed color-mix(in srgb, var(--xmail-accent, #e11d48) 38%, transparent) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 5%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease,
    color 0.16s ease !important;
}

html body .xmail-bg-upload-btn:hover,
html body .xmail-bg-upload-btn.is-loading {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 62%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  text-decoration: none !important;
}

html body .xmail-bg-upload-btn:hover {
  transform: translateY(-1px);
}

html body .xmail-bg-upload-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 16%, transparent) !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 72%, #fff) !important;
  margin-bottom: 4px !important;
  transition: transform 0.16s ease !important;
}

html body .xmail-bg-upload-btn:hover .xmail-bg-upload-ico {
  transform: translateY(-2px) scale(1.05);
}

html body .xmail-bg-upload-ico svg {
  display: block !important;
}

/* Caricamento: icona → spinner */
html body .xmail-bg-drop.is-loading .xmail-bg-upload-ico svg {
  display: none !important;
}

html body .xmail-bg-drop.is-loading .xmail-bg-upload-ico::after {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  border: 2.5px solid color-mix(in srgb, var(--xmail-accent, #e11d48) 25%, transparent) !important;
  border-top-color: var(--xmail-accent, #e11d48) !important;
  border-radius: 50% !important;
  animation: xmail-spin 0.7s linear infinite !important;
}

html body .xmail-bg-drop.is-loading .xmail-bg-upload-title::after {
  content: "…" !important;
}

html body .xmail-bg-upload-title {
  display: block !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .xmail-bg-upload-sub {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--xmail-muted, rgba(180, 191, 208, 0.9)) !important;
  max-width: 22rem !important;
}

html body .xmail-bg-upload-btn .icon-image,
html body .xmail-bg-upload-btn .icon-spinner {
  display: none !important;
}

html body .xmail-bg-card,
html body .xmail-bg-current {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  max-width: 520px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: none !important;
}

/* Miniatura dello sfondo attivo (src impostato da xmail-app.js) */
html body .xmail-bg-thumb {
  flex: 0 0 auto !important;
  display: block !important;
  width: 72px !important;
  height: 48px !important;
  border-radius: 10px !important;
  background-color: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html body .xmail-bg-thumb[hidden] {
  display: none !important;
}

html body .xmail-bg-card-meta {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body .xmail-bg-current-label {
  display: block !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--xmail-muted, rgba(180, 191, 208, 0.9)) !important;
  margin-bottom: 4px !important;
}

html body .xmail-bg-current-name {
  display: block !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 320px !important;
}

html body .xmail-bg-clear,
html body #rl-app .xmail-bg-clear {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--xmail-text-soft, rgba(245, 247, 252, 0.8)) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html body .xmail-bg-clear:hover {
  background: rgba(239, 68, 68, 0.16) !important;
  color: #f87171 !important;
}

html.xmail-theme-light body .xmail-bg-clear:hover {
  background: rgba(220, 38, 38, 0.1) !important;
  color: #b91c1c !important;
}

/* ── Cartelle ────────────────────────────────────────── */
html body .b-settings-folders .list-table,
html body .xmail-folders-table {
  width: 100% !important;
  max-width: 820px !important;
  margin-top: 0 !important;
  background: transparent !important;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

html body .b-settings-folders .list-table td,
html body .b-settings-folders .list-table tr.folder-item td,
html body .b-settings-folders .list-table tr.folder-item:hover td,
html body .b-settings-folders .list-table tr.folder-item.system td {
  padding: 12px 8px !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-text, #f5f7fc) !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .b-settings-folders .folder-name {
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 550 !important;
  margin-left: 0 !important;
}

html body .b-settings-folders .folder-name.can-be-edited:hover {
  border-bottom: none !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, #fff) !important;
}

html body .b-settings-folders .folder-system-name {
  color: var(--xmail-muted, rgba(180, 191, 208, 0.85)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  padding: 0 !important;
  margin-left: 8px !important;
}

html body .b-settings-folders .folder-name-input {
  min-height: 34px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  margin-left: 4px !important;
  padding: 0 10px !important;
}

html body .b-settings-folders .folder-item.system .folder-name {
  font-weight: 700 !important;
}

html body .b-settings-folders .folders-list-error,
html body .xmail-help-card {
  max-width: 820px !important;
  width: auto !important;
  margin: 12px 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  background: transparent !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #f5f7fc) !important;
  position: static !important;
}

html body .xmail-folders-help .xmail-help-card {
  position: sticky !important;
  top: 24px !important;
}

/* ── Account / identità ──────────────────────────────── */
html body .xmail-accounts-block {
  margin: 0 0 36px !important;
}

html body .b-settings-accounts .list-table,
html body .b-settings-accounts .accounts-list,
html body .b-settings-accounts .identities-list {
  width: 100% !important;
  max-width: 640px !important;
  background: transparent !important;
  border: none !important;
  border-spacing: 0 6px !important;
}

html body .b-settings-accounts .list-table td {
  padding: 12px 14px !important;
  border: none !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
  color: var(--xmail-text, #f5f7fc) !important;
  vertical-align: middle !important;
}

html body .b-settings-accounts .account-item td:first-child,
html body .b-settings-accounts .identity-item td:first-child {
  border-radius: 12px 0 0 12px !important;
}

html body .b-settings-accounts .account-item td:last-child,
html body .b-settings-accounts .identity-item td:last-child {
  border-radius: 0 12px 12px 0 !important;
}

html body .b-settings-accounts .account-name,
html body .b-settings-accounts .identity-name {
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

html body .b-settings-accounts .identity-default {
  color: var(--xmail-muted, rgba(180, 191, 208, 0.9)) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body .b-settings-accounts .account-img,
html body .b-settings-accounts .identity-img {
  margin-right: 6px !important;
  opacity: 0.75 !important;
}

html body .b-settings-accounts .drag-handle {
  margin-right: 8px !important;
  color: var(--xmail-faint, rgba(180, 191, 208, 0.55)) !important;
}

html body .b-settings-accounts .delete-account,
html body .b-settings-accounts .delete-identity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  color: var(--xmail-text-soft, rgba(245, 247, 252, 0.7)) !important;
  cursor: pointer !important;
}

html body .b-settings-accounts .delete-account:hover,
html body .b-settings-accounts .delete-identity:hover {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-settings-accounts .accounts-list-wrp,
html body .b-settings-accounts .identities-list-wrp,
html body .xmail-list-wrp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: 4px !important;
}

html body .b-settings-accounts .accounts-list-top-padding,
html body .b-settings-accounts .identities-list-top-padding {
  display: none !important;
}

/* ── Generali ────────────────────────────────────────── */
html body .xmail-settings-general .xmail-row {
  padding: 10px 0 !important;
}

html body .xmail-identity-link {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  cursor: pointer !important;
  box-shadow: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, transparent) !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

html body .xmail-identity-link:hover {
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 45%, #fff) !important;
  border-bottom-color: var(--xmail-accent, #e11d48) !important;
}

html body .xmail-flag-selector {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  padding: 6px 12px !important;
  border-radius: 11px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
}

html body .xmail-flag-selector .flag-name {
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

html body .xmail-checks .controls {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding-top: 4px !important;
}

html body .xmail-sound-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body .xmail-sound-test {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: none !important;
  border-radius: 9px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

html body .xmail-sound-test:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  transform: scale(1.05);
}

html body .xmail-muted-note {
  color: var(--xmail-muted, rgba(180, 191, 208, 0.9)) !important;
  font-size: 12.5px !important;
}

html body .xmail-notify-block {
  margin-top: 8px !important;
}

/* ══════════════════════════════════════════════════════
   v57 — Layout sempre a tutto schermo (niente card/clip)
   ══════════════════════════════════════════════════════ */

html,
html body {
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.xmail-navbar-ready body #rl-app #rl-center {
  position: absolute !important;
  top: var(--xmail-navbar-h, 60px) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-right,
html.xmail-navbar-ready #rl-right,
html.xmail-navbar-ready body #rl-app #rl-sub-left,
html.xmail-navbar-ready body #rl-app #rl-sub-right {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-left,
html.xmail-navbar-ready #rl-right,
html.xmail-navbar-ready #rl-right {
  background: transparent !important;
}

html.xmail-navbar-ready body #rl-app .b-folders,
html.xmail-navbar-ready body #rl-app .messageList,
html.xmail-navbar-ready body #rl-app .messageList .b-message-list-wrapper,
html.xmail-navbar-ready body #rl-app .messageView,
html.xmail-navbar-ready body #rl-app .messageView .b-message-view-wrapper,
html.xmail-navbar-ready body #rl-app .messageView .b-content,
html.xmail-navbar-ready body #rl-app .thm-message-view-background-color {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}

html.xmail-navbar-ready body #rl-app .messageList .b-message-list-wrapper {
  top: 0 !important;
}

html.xmail-navbar-ready body #rl-app .messageList .b-content {
  top: 40px !important;
  bottom: 52px !important;
  left: 0 !important;
  right: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--xmail-text, #f3f6fb) !important;
  border-radius: 0 !important;
}

html.xmail-navbar-ready #rl-left .b-folders .b-content {
  bottom: 0 !important;
}

html body #rl-app .b-folders .badge,
html body #rl-app .b-folders .e-link .count,
html body #rl-app .b-folders .e-link .count .badge,
html body #rl-app .b-folders .e-link .badge {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  min-width: 1.6em !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.01em !important;
  opacity: 0.92 !important;
  order: 10 !important;
}

html body #rl-app .b-folders .e-link.selectable.selected .badge,
html body #rl-app .b-folders .e-link.selectable.selected .count,
html body #rl-app .b-folders .e-link.selectable.selected .count .badge {
  color: var(--xmail-text-strong, #fff) !important;
  opacity: 1 !important;
}

html body #rl-app .b-folders .e-link .count,
html body #rl-app .b-folders .e-link .badge.pull-right {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  float: none !important;
  margin: 0 0 0 auto !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
}

html body #rl-app .b-folders .e-link .e-collapsed-sign,
html body #rl-app .b-folders .e-link > i[class*="icon-"] {
  flex: 0 0 auto !important;
  order: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

html body #rl-app .b-folders .e-link .name {
  order: 1 !important;
}

html body #rl-app .b-folders .e-link .inbox-star-icon {
  order: 2 !important;
  margin-left: 4px !important;
}

html body #rl-app .messageList .messageListItem .sender {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageList .messageListItem .subject {
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 0.92 !important;
}

html body #rl-app .messageList .messageListItem.unseen .sender,
html body #rl-app .messageList .messageListItem.unseen .subject {
  font-weight: 700 !important;
  opacity: 1 !important;
}

html body #rl-app .messageView .messageItemHeader .subject {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageView .message-fixed-button-toolbar .btn {
  border-radius: 999px !important;
  min-height: 34px !important;
}

/* Font UI principale */
html.xmail-navbar-ready body #rl-app,
html.xmail-navbar-ready body #xmail-navbar {
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
}

/* ══════════════════════════════════════════════════════
   v68 — Compose inline nel visualizzatore messaggi
   ══════════════════════════════════════════════════════ */

/* Nascosto: solo senza .in */
html body .b-compose.modal.hide:not(.in) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Viewer diventa dock del compose */
html.xmail-compose-inline #rl-sub-right,
html.xmail-compose-inline #rl-sub-right .messageView {
  position: absolute !important;
  overflow: visible !important;
}

html.xmail-compose-inline #rl-sub-right .messageView {
  z-index: 6 !important;
}

/* Nascondi contenuto messaggio sotto il compose (KO bindings intatti) */
html.xmail-compose-inline .messageView > .toolbar,
html.xmail-compose-inline .messageView > .b-message-view-wrapper,
html.xmail-compose-inline .messageView > .b-content {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Wrap compose docked */
html.xmail-compose-inline .messageView .rl-view-model.RL-PopupsCompose,
html.xmail-compose-inline #rl-sub-right .rl-view-model.RL-PopupsCompose {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  pointer-events: none !important;
  overflow: visible !important;
  background: transparent !important;
  display: block !important;
}

html.xmail-compose-inline .RL-PopupsCompose .popups {
  position: absolute !important;
  inset: 0 !important;
  z-index: 21 !important;
  pointer-events: none !important;
  overflow: visible !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.modal.in,
html.xmail-compose-inline .popups .b-compose.modal.in {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: var(--xmail-surface-solid, #161618) !important;
  background-color: var(--xmail-surface-solid, #161618) !important;
  box-shadow: none !important;
  z-index: 22 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

html.xmail-compose-inline .b-compose.modal.in .b-header-toolbar {
  flex: 0 0 auto !important;
  background: var(--xmail-surface-solid, #0a101c) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html.xmail-compose-inline .b-compose.modal.in .modal-body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: var(--xmail-surface-solid, #161618) !important;
  pointer-events: auto !important;
  padding: 0 !important;
}

html.xmail-compose-inline .b-compose.modal.in .modal-body > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

html.xmail-compose-inline .b-compose.modal.in .b-header {
  flex: 0 0 auto !important;
  background: var(--xmail-surface-solid, #161618) !important;
}

html.xmail-compose-inline .b-compose.modal.in .attachmentAreaParent {
  flex: 0 0 auto !important;
}

html.xmail-compose-inline .b-compose.modal.in .textAreaParent {
  flex: 1 1 auto !important;
  min-height: 180px !important;
  overflow: hidden !important;
  background: var(--xmail-surface-solid, #161618) !important;
}

html.xmail-compose-inline .b-compose .b-header,
html.xmail-compose-inline .b-compose .textAreaParent,
html.xmail-compose-inline .b-compose .cke_chrome,
html.xmail-compose-inline .b-compose .cke_inner,
html.xmail-compose-inline .b-compose .cke_contents {
  background: var(--xmail-surface-solid, #161618) !important;
  background-color: var(--xmail-surface-solid, #161618) !important;
}

html.xmail-compose-inline .b-compose .cke_chrome,
html.xmail-compose-inline .b-compose .cke_inner {
  height: 100% !important;
}

html.xmail-compose-inline .b-compose .close-custom,
html.xmail-compose-inline .b-compose .minimize-custom {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* Overlay compose nascosto SOLO se non ci sono altri modal */
html.xmail-compose-inline:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop,
html.xmail-compose-open:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Rubrica: niente overlay scuro che blocca compose/mailbox */
html.xmail-contacts-open .modal-backdrop,
html.xmail-contacts-open body > .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html.xmail-ask-open .modal-backdrop,
html.xmail-modal-open:not(.xmail-contacts-open) .modal-backdrop {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 14000 !important;
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Nessun overlay residuo se nessun modal “vero” è aperto */
html:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) body > .modal-backdrop.xmail-force-hide,
html.xmail-compose-open:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop,
html.xmail-compose-mobile:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop,
html.xmail-compose-inline:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Modal generici: sopra l’app e sopra il backdrop */
html.xmail-modal-open #rl-popups,
html.xmail-modal-open #rl-popups .popups,
html.xmail-modal-open body > .rl-view-model {
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 14050 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Popup cartelle: host visibile ma trasparente ai click (regola dedicata più sotto) */
html.xmail-folder-system-open body > .rl-view-model,
html.xmail-folder-create-open body > .rl-view-model {
  visibility: visible !important;
  z-index: 14050 !important;
  filter: none !important;
  opacity: 1 !important;
}

html.xmail-modal-open #rl-popups .modal.in,
html.xmail-modal-open body > .rl-view-model .modal.in:not(.b-compose),
html.xmail-folder-system-open .b-folder-system-content.modal.in,
html.xmail-folder-create-open .b-folder-create-content.modal.in {
  pointer-events: auto !important;
  visibility: visible !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 14060 !important;
}

html.xmail-modal-open #xmail-mobile-backdrop,
html.xmail-modal-open #xmail-settings-mobile-open {
  pointer-events: none !important;
}

/* Niente overlay scuro residuo sulle pagine normali */
html:not(.xmail-modal-open):not(.xmail-contacts-open):not(.xmail-ask-open) body > .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html.xmail-compose-inline .b-compose.modal.in input,
html.xmail-compose-inline .b-compose.modal.in textarea,
html.xmail-compose-inline .b-compose.modal.in .inputosaurus-container,
html.xmail-compose-inline .b-compose.modal.in .inputosaurus-container input,
html.xmail-compose-inline .b-compose.modal.in .cke_wysiwyg_div,
html.xmail-compose-inline .b-compose.modal.in .cke_editable,
html.xmail-compose-inline .b-compose.modal.in .btn,
html.xmail-compose-inline .b-compose.modal.in a {
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* ══════════════════════════════════════════════════════
   v69 — Composer distraction-free + icone premium + CKE
   ══════════════════════════════════════════════════════ */

@keyframes xmail-spin {
  to { transform: rotate(360deg); }
}

html.xmail-compose-inline .b-compose.xmail-compose-df,
html.xmail-compose-inline .b-compose.modal.in.xmail-compose-df {
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  background: var(--xmail-surface-solid, #141416) !important;
  background-image: none !important;
}

/* Top bar: titolo + azioni (struttura, no inline styles) */
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar.xmail-compose-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-title {
  flex: 1 1 auto !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--xmail-text, #f3f6fb) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: none !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-hide {
  display: none !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-ico {
  display: inline-flex !important;
  width: 16px !important;
  height: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-ico svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-ico .xmail-spin {
  animation: xmail-spin 0.9s linear infinite !important;
}

/* Nascondi font-icon legacy dove abbiamo SVG */
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar [class^="icon-"],
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar [class*=" icon-"],
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .icon-address-book,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .icon-list,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .icon-file-text,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .icon-attachment,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .xmail-icon-attach-add {
  font-size: 0 !important;
  color: transparent !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar [class^="icon-"]:before,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar [class*=" icon-"]:before,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header [class^="icon-"]:before {
  content: none !important;
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .button-send {
  order: 10 !important;
  border-radius: 999px !important;
  min-height: 36px !important;
  padding: 0 16px 0 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--xmail-accent, #e11d48) 35%, transparent) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .button-save,
html.xmail-compose-inline .b-compose.xmail-compose-df .button-delete {
  order: 11 !important;
  border-radius: 999px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  color: var(--xmail-text-soft, rgba(243, 246, 251, 0.88)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .button-save .btn-text,
html.xmail-compose-inline .b-compose.xmail-compose-df .button-delete .btn-text {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .saved-text {
  order: 12 !important;
  margin-left: 4px !important;
  font-size: 11px !important;
  color: var(--xmail-muted, rgba(139, 149, 168, 0.95)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .minimize-custom,
html.xmail-compose-inline .b-compose.xmail-compose-df .close-custom {
  order: 20 !important;
  position: static !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 2px !important;
  border-radius: 10px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: var(--xmail-text, #e8edf5) !important;
  opacity: 0.8 !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  text-shadow: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .minimize-custom:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .close-custom:hover {
  opacity: 1 !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
}

/* Header campi: densità bassa, focus sul testo */
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header {
  padding: 14px 20px 10px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-label,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-label .control-label,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-label span {
  color: var(--xmail-muted, rgba(139, 149, 168, 0.95)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .b-header .e-value > input[type="text"],
html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .inputosaurus-container {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  min-height: 38px !important;
  padding: 6px 12px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .b-header .e-value > input[type="text"]:focus,
html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .inputosaurus-container.inputosaurus-focused {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.055)) !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, rgba(255, 255, 255, 0.2)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .e-identity {
  border-radius: 999px !important;
  padding: 6px 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Chip Cc/Bcc — pill solo fuori mockup */
html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .xmail-compose-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  margin: 0 2px !important;
  border-radius: 999px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.9)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .xmail-compose-chip:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .xmail-compose-chip.is-active {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 24%, rgba(255, 255, 255, 0.06)) !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 50%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .reply-to-row {
  transition: opacity 0.15s ease !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header a.btn {
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 11px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  color: var(--xmail-text, #e8edf5) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header a.btn:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn.active {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.11)) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn.active {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, rgba(255, 255, 255, 0.06)) !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 45%, transparent) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .attachmentAreaParent {
  margin: 0 16px !important;
  border-radius: 14px !important;
  border: 1px dashed rgba(255, 255, 255, 0.12) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .no-attachments-desc {
  color: var(--xmail-muted, rgba(139, 149, 168, 0.95)) !important;
  font-size: 13px !important;
}

/* Editor: command bar ultramoderna */
html.xmail-compose-inline .b-compose.xmail-compose-df .textAreaParent {
  margin: 0 !important;
  padding: 0 12px 12px !important;
  border-top: none !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_chrome {
  border: none !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_top,
html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-cke-commandbar {
  order: 0 !important;
  margin: 8px 4px 10px !important;
  padding: 8px 10px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.045)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 30 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolbox {
  gap: 8px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolbar.xmail-cke-group,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolbar {
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolgroup {
  background: var(--xmail-glass, rgba(8, 12, 22, 0.55)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 3px !important;
  gap: 2px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_button {
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 9px !important;
  padding: 6px !important;
  transition: background 0.12s ease, transform 0.12s ease !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_off:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  transform: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_on {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 32%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xmail-accent, #e11d48) 45%, transparent) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_button {
  min-height: 32px !important;
  border-radius: 10px !important;
  background: var(--xmail-glass, rgba(8, 12, 22, 0.55)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 0 8px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_text {
  color: var(--xmail-text, #e8edf5) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_contents {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: #eef1f6 !important;
  overflow: auto !important;
  box-shadow: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .textAreaParent,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_chrome,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_inner {
  overflow: visible !important;
}

/* Pannelli CKEditor (font, colori, link) sopra tutto */
body .cke_panel,
body .cke_combopanel,
html body .cke_panel,
html body .cke_combopanel,
.cke_panel,
.cke_combopanel {
  z-index: 30000 !important;
  position: absolute !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: var(--xmail-surface-solid, #151c2e) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
}

/* Navbar distraction-free durante compose */
html.xmail-compose-inline #xmail-navbar .xmail-nav-left,
html.xmail-compose-inline #xmail-navbar [data-action="create-folder"],
html.xmail-compose-inline #xmail-navbar [data-action="manage-folders"],
html.xmail-compose-inline #xmail-navbar [data-action="resize-folders"] {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

html.xmail-compose-inline #xmail-navbar .xmail-search-wrap {
  opacity: 0.55 !important;
}

html.xmail-compose-inline #xmail-navbar .xmail-nav-btn[data-action="compose"] {
  opacity: 0.45 !important;
}

/* Rubrica popup elevata — solo quando aperta (evita layer fantasma che blocca l'UI) */
html.xmail-contacts-open body > .rl-view-model.RL-PopupsContacts,
html.xmail-contacts-open body > .rl-view-model.RL-PopupsContacts.xmail-contacts-elevated {
  z-index: 12000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 20px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.xmail-contacts-open body > .rl-view-model.RL-PopupsContacts .popups {
  pointer-events: none !important;
  overflow: visible !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.xmail-contacts-open body > .rl-view-model.RL-PopupsContacts .b-contacts-content.modal.in {
  pointer-events: auto !important;
  z-index: 12010 !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: auto !important;
  transform: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Rubrica chiusa su body: mai intercettare click */
body > .rl-view-model.RL-PopupsContacts:not(.xmail-contacts-elevated),
html:not(.xmail-contacts-open) body > .rl-view-model.RL-PopupsContacts {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_wysiwyg_div,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_editable {
  padding: 22px 26px !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #111827 !important;
}

/* ══════════════════════════════════════════════════════
   v71 — Borderless minimal flat (header + spazi + compose)
   ══════════════════════════════════════════════════════ */

/* Spazi layout: zero bordi / zero radius / flat */
html.xmail-navbar-ready body #rl-app #rl-left,
html.xmail-navbar-ready body #rl-app #rl-right,
html.xmail-navbar-ready body #rl-app #rl-sub-left,
html.xmail-navbar-ready body #rl-app #rl-sub-right,
html.xmail-navbar-ready body #rl-app .b-folders,
html.xmail-navbar-ready body #rl-app .messageList,
html.xmail-navbar-ready body #rl-app .messageView,
html.xmail-navbar-ready body #rl-app .b-message-list-wrapper,
html.xmail-navbar-ready body #rl-app .b-message-view-wrapper,
html.xmail-navbar-ready body #rl-app .thm-message-list-background-color,
html.xmail-navbar-ready body #rl-app .thm-message-view-background-color {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.xmail-navbar-ready body #rl-app #rl-left,
html.xmail-navbar-ready body #rl-app #rl-sub-left {
  border-right: none !important;
  background: transparent !important;
}

html.xmail-navbar-ready body #rl-app .b-folders .b-content,
html.xmail-navbar-ready body #rl-app .messageList .b-content,
html.xmail-navbar-ready body #rl-app .messageList .toolbar,
html.xmail-navbar-ready body #rl-app .messageView .toolbar {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.xmail-navbar-ready body #rl-app .messageList .messageListItem {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Navbar flat borderless */
html.xmail-navbar-ready body #xmail-navbar {
  background: var(--xmail-glass, rgba(6, 10, 18, 0.55)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn,
html.xmail-navbar-ready #xmail-navbar .xmail-user-btn {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-user-avatar {
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search,
html.xmail-navbar-ready #xmail-navbar .xmail-search-input {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search-drop {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
  background: var(--xmail-surface-solid, #0b101c) !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search-item {
  border-radius: 0 !important;
  border: none !important;
}

/* Compose: full borderless premium flat */
html.xmail-compose-inline .b-compose.modal.in,
html.xmail-compose-inline .b-compose.xmail-compose-df,
html.xmail-compose-inline .popups .b-compose.modal.in {
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--xmail-surface-solid, #080c16) !important;
  background-image: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header-toolbar,
html.xmail-compose-inline .b-compose.modal.in .b-header-toolbar {
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df:not(.xmail-compose-mockup) .button-send {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  font-weight: 600 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .button-save,
html.xmail-compose-inline .b-compose.xmail-compose-df .button-delete,
html.xmail-compose-inline .b-compose.xmail-compose-df .minimize-custom,
html.xmail-compose-inline .b-compose.xmail-compose-df .close-custom {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-width: 34px !important;
  min-height: 34px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .minimize-custom:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .close-custom:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .button-save:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .button-delete:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header {
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  padding: 8px 16px 4px !important;
}

/* Destinatario + Oggetto: borderless DF (override anche stili v43) */
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-value > input[type="text"],
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-value > textarea,
html.xmail-compose-inline .b-compose.xmail-compose-df .inputosaurus-container,
html.xmail-compose-inline .b-compose.xmail-compose-df .inputosaurus-container.inputosaurus-focused,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-value > input[type="text"]:focus,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-value > textarea:focus,
html body .b-compose.xmail-compose-df .b-header .e-value > input[type="text"],
html body .b-compose.xmail-compose-df .b-header .e-value > textarea,
html body .b-compose.xmail-compose-df .inputosaurus-container,
html body .b-compose.xmail-compose-df .inputosaurus-container.inputosaurus-focused {
  border: none !important;
  border-width: 0 !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 0 !important;
  width: 100% !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .e-value > input[type="text"]:focus,
html.xmail-compose-inline .b-compose.xmail-compose-df .inputosaurus-container.inputosaurus-focused,
html body .b-compose.xmail-compose-df .b-header .e-value > input[type="text"]:focus,
html body .b-compose.xmail-compose-df .inputosaurus-container.inputosaurus-focused {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .inputosaurus-container > li:not(.inputosaurus-input),
html body .b-compose.xmail-compose-df .inputosaurus-container > li:not(.inputosaurus-input) {
  border: none !important;
  border-radius: 0 !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .e-identity,
html.xmail-compose-inline .b-compose.xmail-compose-df .e-identity.multiply {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 4px 0 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-compose-chip,
html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-compose-chip.is-active,
html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-compose-chip:hover {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 4px 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-compose-chip.is-active {
  color: var(--xmail-accent-contrast, #fecdd3) !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header a.btn,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn.active,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header a.btn:hover {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 8px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn.active,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header a.btn:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .btn-group .btn:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .attachmentAreaParent {
  margin: 0 16px !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
}

/* Strumenti editor: flat, no pill groups */
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_top,
html.xmail-compose-inline .b-compose.xmail-compose-df .xmail-cke-commandbar {
  margin: 0 !important;
  padding: 6px 12px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolgroup,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_button,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_button:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_off a.cke_combo_button:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_combo_on a.cke_combo_button {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 2px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_button,
html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_off:hover,
html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_on {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 30px !important;
  min-height: 30px !important;
  transform: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_off:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df a.cke_button_on {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 28%, transparent) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_toolbar_separator {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  width: 1px !important;
  margin: 6px 4px !important;
  box-shadow: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .textAreaParent {
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_contents {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #f4f5f7 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .cke_wysiwyg_div,
html.xmail-compose-inline .b-compose.xmail-compose-df .cke_editable {
  padding: 20px 22px !important;
  border: none !important;
  border-radius: 0 !important;
}

body .cke_panel,
body .cke_combopanel,
html body .cke_panel,
html body .cke_combopanel {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  background: var(--xmail-surface-solid, #18181b) !important;
}

html.xmail-compose-inline .b-compose .xmail-compose-ico,
html.xmail-compose-inline .b-compose .xmail-compose-ico svg {
  opacity: 0.92 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-df .dropdown-menu,
html.xmail-compose-inline .b-compose.xmail-compose-df .b-header .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  background: var(--xmail-surface-solid, #18181b) !important;
}

/* ══════════════════════════════════════════════════════
   v73 — Compose = mockup distraction-free esatto
   ══════════════════════════════════════════════════════ */

/* Navbar: brand + azioni flat ordinate */
html.xmail-navbar-ready #xmail-navbar {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-nav-inner {
  grid-template-columns: minmax(160px, 1fr) minmax(220px, 420px) minmax(160px, 1fr) !important;
  gap: 20px !important;
  padding: 0 20px !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-user-avatar {
  display: none !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn[data-action="compose"] svg,
html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn[data-action="contacts"] svg {
  display: none !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn[data-action="compose"] span,
html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn[data-action="contacts"] span {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-nav-btn[data-action="compose"] {
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search {
  max-width: 420px !important;
  height: 36px !important;
  padding: 0 14px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border-radius: 0 !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search-input {
  font-size: 13px !important;
}

html.xmail-navbar-ready #xmail-navbar .xmail-search-input::placeholder {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.85)) !important;
}

/* Nascondi footer = mockup muted, zero sfondo */
#xmail-folder-footer,
html body #xmail-folder-footer,
html.xmail-navbar-ready #xmail-folder-footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--xmail-text-soft, rgba(243, 246, 251, 0.72)) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  height: 48px !important;
  min-height: 48px !important;
  justify-content: flex-start !important;
  padding: 0 16px !important;
}

#xmail-folder-footer:hover,
html.xmail-navbar-ready #xmail-folder-footer:hover {
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-navbar-ready #rl-left .b-folders .b-content,
html.xmail-navbar-ready #rl-left .b-folders .b-content.opacity-on-panel-disabled {
  bottom: 136px !important;
  z-index: 19 !important;
  pointer-events: auto !important;
}

#xmail-folder-footer,
html.xmail-navbar-ready #xmail-folder-footer {
  z-index: 30 !important;
  pointer-events: auto !important;
  background: var(--xmail-surface-solid, #141416) !important;
}

#xmail-folder-actions,
html.xmail-navbar-ready #xmail-folder-actions {
  z-index: 20 !important;
  pointer-events: auto !important;
  background: var(--xmail-surface-solid, #141416) !important;
}

/* Bollino unread (compatte) — fallback globale */
html.xmail-folders-collapsed #rl-left .b-folders .e-link .xmail-folder-ico {
  position: relative !important;
  overflow: visible !important;
}

html.xmail-folders-collapsed #rl-left .b-folders .e-link .xmail-unread-dot {
  display: block !important;
  position: absolute !important;
  top: -3px !important;
  right: -4px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--xmail-accent, #e11d48) !important;
  box-shadow: 0 0 0 2px var(--xmail-surface-solid, #141416) !important;
  opacity: 1 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Espansa: niente bollino (c’è già il badge numerico) */
html:not(.xmail-folders-collapsed) #rl-left .b-folders .e-link .xmail-unread-dot {
  display: none !important;
}

/* Cartelle ridotte: solo icone, più leggibili */
html.xmail-folders-collapsed #rl-left .b-folders .e-link .xmail-folder-ico,
html.xmail-folders-collapsed #rl-left .b-folders .e-link .xmail-folder-ico svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  opacity: 1 !important;
}

html.xmail-folders-collapsed #rl-left .b-folders .e-link.selectable.selected .xmail-folder-ico {
  color: var(--xmail-accent, #e11d48) !important;
}

/* Compose shell mockup */
html.xmail-compose-inline .b-compose.xmail-compose-mockup,
html.xmail-compose-inline .b-compose.modal.in.xmail-compose-mockup {
  background: var(--xmail-surface-solid, #141416) !important;
  background-image: none !important;
  color: var(--xmail-text, #e8edf5) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header-toolbar.xmail-compose-toolbar {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  gap: 12px !important;
  background: transparent !important;
  border: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: var(--xmail-text, #f3f6fb) !important;
  max-width: none !important;
}

/* INVIA = solo testo rosso (no pill) */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send.btn-success,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send.btn-large {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--xmail-accent, #e11d48) !important;
  min-height: 32px !important;
  padding: 0 4px !important;
  gap: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send [class^="icon-"],
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-send [class^="icon-"] {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send .xmail-compose-ico,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send .xmail-compose-ico svg,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-send .xmail-compose-ico,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-send .xmail-compose-ico svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  color: var(--xmail-accent, #e11d48) !important;
  stroke: currentColor !important;
  margin-right: 5px !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .button-send,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .button-save,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .close-custom {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  float: none !important;
  position: static !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send .xmail-compose-action-label {
  display: inline !important;
  color: var(--xmail-accent, #e11d48) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-send:hover {
  background: transparent !important;
  color: var(--xmail-accent-text, #fb7185) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-save,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .close-custom {
  color: var(--xmail-text-soft, rgba(243, 246, 251, 0.85)) !important;
  gap: 6px !important;
  padding: 0 8px !important;
  min-width: auto !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .button-save .xmail-compose-action-label,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .close-custom .xmail-compose-action-label {
  display: inline !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .saved-text {
  display: none !important;
}

/* Campi: header compatto, etichette allineate, campi stretti */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header {
  padding: 4px 16px 2px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
  border: none !important;
  gap: 0 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .e-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
  gap: 10px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .e-row.xmail-to-row {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 32px !important;
  row-gap: 4px !important;
}

/* CC/CCN/Rispondi a: nascoste di default; visibili solo se aperte */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .cc-row,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .bcc-row,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .reply-to-row {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .cc-row.xmail-row-open,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .bcc-row.xmail-row-open,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .reply-to-row.xmail-row-open {
  display: flex !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-label {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 88px !important;
  width: 88px !important;
  max-width: 88px !important;
  min-width: 88px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  float: none !important;
  line-height: 32px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label .control-label,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 32px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  white-space: nowrap !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 480px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  gap: 10px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value > .dropdown,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value > .inputosaurus-container,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value > input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 360px !important;
  float: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row .e-cell.e-value {
  flex: 1 1 calc(100% - 98px) !important;
  max-width: calc(100% - 98px) !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row .xmail-compose-to-field {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row.xmail-to-multi .xmail-compose-to-field {
  flex: 1 1 100% !important;
  max-width: 100% !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-to-row .inputosaurus-container,
html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-to-row .inputosaurus-container {
  flex: 1 1 120px !important;
  min-width: 120px !important;
  width: auto !important;
  max-width: none !important;
}

/* Solo placeholder: zero bordo / zero sfondo */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-value > input[type="text"],
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-container,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-container.inputosaurus-focused,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-value > input[type="text"]:focus {
  border: none !important;
  border-width: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--xmail-text, #f3f6fb) !important;
  caret-color: var(--xmail-accent, #e11d48) !important;
  font-size: 13px !important;
  line-height: 32px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-container > li.inputosaurus-input,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-container > li.inputosaurus-input.inputosaurus-required {
  min-height: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 360px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-container .inputosaurus-input input {
  width: 100% !important;
  min-width: 180px !important;
  max-width: 360px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--xmail-text, #f3f6fb) !important;
  -webkit-text-fill-color: var(--xmail-text, #f3f6fb) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-value > input[type="text"]::placeholder,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .inputosaurus-input input::placeholder {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.7)) !important;
  -webkit-text-fill-color: var(--xmail-muted, rgba(154, 166, 186, 0.7)) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value > .pull-right,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value > span.pull-right {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-util-row,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .btn-group[data-toggle="buttons-radio"] {
  display: none !important;
}

/* Menzioni @CC @CCN @Rispondi — dinamiche accanto a TO */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-cell.e-value {
  gap: 8px !important;
  flex-wrap: wrap !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-opts {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  transition: transform 0.18s ease, opacity 0.18s ease !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-opts[hidden] {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-opts.is-mention-open {
  transform: translateY(-1px) scale(1.03) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-mention {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  border: none !important;
  border-radius: 999px !important;
  background: rgba(147, 197, 253, 0.1) !important;
  box-shadow: none !important;
  color: var(--xmail-link, #93c5fd) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-mention:hover {
  background: rgba(147, 197, 253, 0.2) !important;
  color: var(--xmail-link-soft, #bfdbfe) !important;
  transform: translateY(-1px) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-mention[hidden],
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-mention.is-used {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .xmail-compose-opt,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-link.xmail-compose-opt {
  display: none !important;
}

/* Apertura riga CC/CCN/Rispondi con leggero fade */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .cc-row.xmail-row-open,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .bcc-row.xmail-row-open,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .g-ui-table > .reply-to-row.xmail-row-open {
  animation: xmail-compose-row-in 0.18s ease !important;
}

@keyframes xmail-compose-row-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label .control-label,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .e-label span {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .e-identity,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .e-identity .xmail-identity-text {
  color: var(--xmail-text, #e8edf5) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  max-width: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .buttonMore {
  display: none !important;
}

/* Dopo spostamento contatti/allegati nel toolstrip: pulizia from-row */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .pull-right > .btn-group:empty,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .b-header .btn-group.pull-right:empty {
  display: none !important;
}

/* Toolstrip + tutti i pulsanti compose: zero background */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .btn,
html.xmail-compose-inline .b-compose.xmail-compose-mockup a.btn,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_button,
html.xmail-compose-inline .b-compose.xmail-compose-mockup a.cke_button_off,
html.xmail-compose-inline .b-compose.xmail-compose-mockup a.cke_button_on,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip a.btn,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .button-save,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .close-custom,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .button-send {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
  padding: 2px 16px 2px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  max-width: 720px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip a.btn,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip .xmail-attach-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--xmail-text, #f3f6fb) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip a.btn:hover {
  background: transparent !important;
  color: var(--xmail-text-strong, #fff) !important;
  opacity: 1 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip .xmail-compose-ico,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip .xmail-compose-ico svg {
  display: inline-flex !important;
  width: 20px !important;
  height: 20px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  stroke: #f3f6fb !important;
  opacity: 1 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip [class^="icon-"],
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-toolstrip [class*=" icon-"] {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .xmail-compose-ico,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-compose-actions .xmail-compose-ico svg {
  width: 18px !important;
  height: 18px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  opacity: 1 !important;
}

/* Editor: icone SVG moderne, toolbar piatta */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_top,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-cke-commandbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 16px 8px !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_toolbox {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px !important;
  background: transparent !important;
  border: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_toolgroup {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_button {
  min-width: 36px !important;
  min-height: 36px !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup a.cke_button_on,
html.xmail-compose-inline .b-compose.xmail-compose-mockup a.cke_button_off:hover {
  background: transparent !important;
  opacity: 1 !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_button_icon {
  width: 18px !important;
  height: 18px !important;
  background-size: 18px 18px !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Nascondi combo font/size stock (icone datate) — restano B/I/U/liste/link/colori */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_combo {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .textAreaParent {
  padding: 0 20px 20px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_contents {
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 280px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_wysiwyg_div,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .cke_editable {
  padding: 28px 32px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #111827 !important;
  background: #ffffff !important;
}

/* Allegati: overlay trasparente DENTRO l’area messaggio bianco */
html.xmail-compose-inline .b-compose.xmail-compose-mockup .textAreaParent.xmail-compose-editor-wrap,
html.xmail-compose-mockup-on body #rl-app .b-compose .textAreaParent.xmail-compose-editor-wrap {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  overflow: hidden !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent {
  display: none !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  z-index: 6 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 42% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  background: var(--xmail-hover-bg-strong, rgba(10, 15, 26, 0.28)) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent.xmail-attach-visible,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent.xmail-attach-visible {
  display: block !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .content,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .g-scrollbox,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .content-wrapper,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .content,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .g-scrollbox,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .content-wrapper {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .no-attachments-desc,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .no-attachments-desc {
  display: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .b-attachment-place,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .b-attachment-place {
  display: none !important;
  margin: 0 0 8px !important;
  padding: 14px 12px !important;
  border: 1px dashed rgba(147, 197, 253, 0.5) !important;
  background: rgba(147, 197, 253, 0.12) !important;
  color: #1e3a5f !important;
  text-align: center !important;
  font-size: 13px !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent.xmail-attach-dragging .b-attachment-place,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent.xmail-attach-dragging .b-attachment-place {
  display: block !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent .attachmentList,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent .attachmentList,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentAreaParent ul,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentAreaParent ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 230px !important;
  min-width: 140px !important;
  margin: 0 !important;
  padding: 0 10px 0 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  background: var(--xmail-glass, rgba(10, 15, 26, 0.55)) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  pointer-events: auto !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem:hover,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem:hover {
  background: var(--xmail-glass, rgba(10, 15, 26, 0.72)) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  transform: none !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentIconParent,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentIconParent {
  position: relative !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 2px 0 2px 8px !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentIconParent .iconMain,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentIconParent .iconBG,
html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentIconParent .iconProgress,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentIconParent .iconMain,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentIconParent .iconBG,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentIconParent .iconProgress {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 32px !important;
  height: 40px !important;
  margin: 0 auto !important;
  background-size: 32px 40px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentNameParent,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentNameParent {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 8px 4px 8px 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentName,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentName {
  color: var(--xmail-text, #f8fafc) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .attachmentSize,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .attachmentSize {
  color: var(--xmail-text-soft, rgba(226, 232, 240, 0.8)) !important;
  font-size: 11px !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .close,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .close {
  float: none !important;
  align-self: flex-start !important;
  margin: 0 0 0 4px !important;
  opacity: 0.75 !important;
  color: var(--xmail-text, #f8fafc) !important;
  text-shadow: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  pointer-events: auto !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .attachmentItem .close:hover,
html.xmail-compose-mockup-on body #rl-app .b-compose .attachmentItem .close:hover {
  opacity: 1 !important;
  color: var(--xmail-accent-text, #fb7185) !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .textAreaParent,
html.xmail-compose-mockup-on body #rl-app .b-compose .textAreaParent {
  display: block !important;
  visibility: visible !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-attach-btn,
html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-attach-btn {
  position: relative !important;
}

html.xmail-compose-inline .b-compose.xmail-compose-mockup .xmail-attach-count,
html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-attach-count {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  min-width: 14px !important;
  height: 14px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
  text-align: center !important;
}

/* Allegati in lettura messaggio: card chiare e leggibili */
html body #rl-app .messageView .attachmentsPlace {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 12px 0 4px !important;
  background: transparent !important;
  border: none !important;
  border-top: none !important;
}

html body #rl-app .messageView .attachmentsPlace .attachmentList {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #rl-app .messageView .attachmentItem {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 260px !important;
  min-width: 160px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: none !important;
}

html body #rl-app .messageView .attachmentItem .attachmentIconParent {
  position: relative !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 4px 0 4px 8px !important;
}

html body #rl-app .messageView .attachmentItem .attachmentIconParent .hidePreview,
html body #rl-app .messageView .attachmentItem .attachmentIconParent .iconMain {
  position: relative !important;
  width: 36px !important;
  height: 44px !important;
  margin: 0 auto !important;
}

html body #rl-app .messageView .attachmentItem .attachmentIconParent .iconMain {
  background-size: 36px 44px !important;
}

/* ══════════════════════════════════════════════════════
   v74 — Mockup DF: override con #rl-app (specificità)
   ══════════════════════════════════════════════════════ */

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send.btn,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send.btn-success,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send.btn-large,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar a.button-send,
html.xmail-compose-mockup-on body .b-compose .b-header-toolbar .button-send {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--xmail-accent, #e11d48) !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 0 6px !important;
  gap: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send:hover {
  background: transparent !important;
  color: var(--xmail-accent-text, #fb7185) !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send [class^="icon-"],
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send .btn-text {
  display: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send .xmail-compose-ico,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send .xmail-compose-ico svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  color: var(--xmail-accent, #e11d48) !important;
  stroke: currentColor !important;
  margin-right: 5px !important;
  opacity: 1 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-send .xmail-compose-action-label {
  display: inline !important;
  visibility: visible !important;
  color: var(--xmail-accent, #e11d48) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-save .xmail-compose-ico,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-save .xmail-compose-ico svg,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .close-custom .xmail-compose-ico,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .close-custom .xmail-compose-ico svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .button-save [class^="icon-"],
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header-toolbar .close-custom [class^="icon-"] {
  display: none !important;
}

/* Campi: zero bordo / zero sfondo — solo placeholder dinamico */
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > input[type="text"],
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > textarea,
html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container,
html.xmail-compose-mockup-on body #rl-app .b-compose ul.inputosaurus-container,
html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container.inputosaurus-focused,
html.xmail-compose-mockup-on body #rl-app .popups .b-compose .inputosaurus-container,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > input[type="text"]:focus,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > textarea:focus,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > input[type="text"]:hover,
html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container:hover {
  border: none !important;
  border-width: 0 !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  max-width: 360px !important;
  color: var(--xmail-text, #f3f6fb) !important;
  -webkit-text-fill-color: var(--xmail-text, #f3f6fb) !important;
  caret-color: var(--xmail-accent, #e11d48) !important;
  font-size: 13px !important;
  line-height: 32px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table {
  max-width: 720px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-label {
  flex: 0 0 88px !important;
  width: 88px !important;
  max-width: 88px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-value {
  max-width: 480px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .xmail-to-row .e-cell.e-value {
  max-width: calc(100% - 96px) !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .xmail-to-row .xmail-compose-to-field {
  flex: 1 1 200px !important;
  min-width: 160px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-value > input[type="text"]::placeholder,
html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container .inputosaurus-input input::placeholder {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.7)) !important;
  -webkit-text-fill-color: var(--xmail-muted, rgba(154, 166, 186, 0.7)) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container .inputosaurus-input input {
  color: var(--xmail-text, #f3f6fb) !important;
  -webkit-text-fill-color: var(--xmail-text, #f3f6fb) !important;
  caret-color: var(--xmail-accent, #e11d48) !important;
  width: 100% !important;
  min-width: 180px !important;
  max-width: 360px !important;
  height: 32px !important;
  line-height: 32px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-identity,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-identity.multiply,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .dropdown.pull-left {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .inputosaurus-container > li:not(.inputosaurus-input) {
  border: none !important;
  border-radius: 0 !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-label,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-label .control-label,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-label span {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-opt,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-link {
  display: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-mention {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  border: none !important;
  border-radius: 999px !important;
  background: rgba(147, 197, 253, 0.1) !important;
  color: var(--xmail-link, #93c5fd) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-mention:hover {
  background: rgba(147, 197, 253, 0.2) !important;
  color: var(--xmail-link-soft, #bfdbfe) !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-mention[hidden] {
  display: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .btn,
html.xmail-compose-mockup-on body #rl-app .b-compose a.btn,
html.xmail-compose-mockup-on body #rl-app .b-compose .cke_button {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-ico svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #f8fafc !important;
  opacity: 1 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .cke_button_icon {
  width: 18px !important;
  height: 18px !important;
  background-size: 18px 18px !important;
  filter: brightness(1.35) contrast(1.1) !important;
  opacity: 1 !important;
}

/* v76 — campi in colonna (fix riga unica) + icone */
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .e-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  float: none !important;
  min-height: 40px !important;
  height: auto !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .cc-row,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .bcc-row,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .reply-to-row {
  display: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .cc-row.xmail-row-open,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .bcc-row.xmail-row-open,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .g-ui-table > .reply-to-row.xmail-row-open {
  display: flex !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell {
  float: none !important;
  display: flex !important;
  align-items: center !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-label {
  flex: 0 0 96px !important;
  width: 96px !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-value {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .xmail-compose-util-row,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-value > .pull-right,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-cell.e-value > span.pull-right {
  display: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .xmail-compose-toolstrip .xmail-compose-ico svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .cke_button_icon {
  background-size: 16px 16px !important;
  filter: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .btn.btn-success.button-send,
html.xmail-compose-mockup-on body #rl-app .b-compose a.btn.btn-success.button-send,
html.xmail-compose-mockup-on body #rl-app .b-compose .btn.button-send {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: var(--xmail-accent, #e11d48) !important;
  text-shadow: none !important;
  filter: none !important;
}

html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .dropdown-toggle,
html.xmail-compose-mockup-on body #rl-app .b-compose .b-header .e-identity .caret {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Gestore cartelle — layout pulito, no card background */
html body .xmail-settings-folders .xmail-folders-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin: 0 0 18px !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-folders-title {
  margin: 0 0 6px !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  color: var(--xmail-text-strong, #fff) !important;
  border: none !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-folders-sub {
  margin: 0 !important;
  color: var(--xmail-muted, #9aa6ba) !important;
  font-size: 13.5px !important;
  max-width: 52ch !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-folders-list-wrap {
  max-width: 820px !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-folders-footnote {
  max-width: 820px !important;
  margin: 14px 0 0 !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.9)) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-settings-actions {
  margin: 0 !important;
  gap: 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

html body .xmail-settings-folders .xmail-action-btn,
html body .xmail-settings-folders .xmail-action-btn-ghost {
  border-radius: 10px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .xmail-settings-folders .xmail-action-btn {
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 85%, #fff) !important;
}

html body .xmail-settings-folders .xmail-action-btn-ghost {
  color: var(--xmail-text, #e8edf5) !important;
}

html body .xmail-settings-folders .xmail-action-btn:hover,
html body .xmail-settings-folders .xmail-action-btn-ghost:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .xmail-settings-folders .xmail-folders-col-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 820px !important;
  padding: 0 8px 10px !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.9)) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
}

html body .xmail-settings-folders .xmail-folders-col-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 88px !important;
  text-align: right !important;
}

html body .xmail-settings-folders .xmail-folders-h-act {
  display: inline-flex !important;
  width: 72px !important;
  justify-content: center !important;
}

html body .xmail-settings-folders .xmail-folders-h-vis,
html body .xmail-settings-folders .xmail-folders-h-del {
  display: none !important;
}

html body .xmail-settings-folders .xmail-folders-h-chk {
  display: inline-flex !important;
  width: 48px !important;
  justify-content: center !important;
}

html body .b-settings-folders .xmail-sf-name-cell {
  position: relative !important;
}

html body .b-settings-folders .xmail-sf-name-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  min-height: 36px !important;
}

/* Azioni compatte: cestino + occhio affiancati */
html body .b-settings-folders .xmail-sf-actions-cell {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  padding-left: 4px !important;
  padding-right: 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

html body .b-settings-folders .xmail-sf-action-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  flex-wrap: nowrap !important;
}

html body .b-settings-folders .xmail-sf-btn-icon {
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 4px !important;
}

html body .b-settings-folders .xmail-sf-btn-icon .xmail-sf-vis-label {
  display: none !important;
}

html body .b-settings-folders .delete-folder:hover {
  color: var(--xmail-accent-text, #fda4af) !important;
  background: rgba(225, 29, 72, 0.12) !important;
}

html body .b-settings-folders .subscribe-folder {
  color: var(--xmail-link, rgba(147, 197, 253, 0.98)) !important;
}

html body .b-settings-folders .unsubscribe-folder,
html body .b-settings-folders .folder-item .unsubscribe-folder {
  color: var(--xmail-warn-text, rgba(251, 191, 36, 0.95)) !important;
}

html body .b-settings-folders .xmail-sf-action-check {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

/* legacy: niente conferma testuale */
html body .b-settings-folders .xmail-sf-delete-confirm-wrap,
html body .b-settings-folders .xmail-sf-delete-actions,
html body .b-settings-folders .xmail-sf-name-row {
  display: none !important;
}

html body .b-settings-folders .xmail-sf-folder-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--xmail-text-soft, rgba(243, 246, 251, 0.9)) !important;
  flex: 0 0 22px !important;
}

html body .b-settings-folders .xmail-sf-folder-ico svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
}

html body .b-settings-folders .xmail-sf-hidden-badge {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 4px !important;
  padding: 2px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--xmail-warn-text, rgba(251, 191, 36, 0.95)) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body .b-settings-folders tr.folder-item.is-hidden-folder .folder-name {
  color: var(--xmail-muted, rgba(232, 237, 245, 0.55)) !important;
}

html body .b-settings-folders .xmail-sf-col-act,
html body .b-settings-folders .xmail-sf-action {
  text-align: center !important;
  vertical-align: middle !important;
}

/* NON usare display/visibility !important: rompe i binding KO visible */
html body .b-settings-folders .xmail-sf-btn,
html body .b-settings-folders button.xmail-sf-btn,
html body .b-settings-folders span.xmail-sf-btn {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 36px;
  min-height: 34px;
  padding: 4px 8px;
  margin: 0;
  border-radius: 10px;
  cursor: pointer;
  color: var(--xmail-text-soft, rgba(245, 247, 252, 0.9));
  background: transparent;
  border: none;
  box-shadow: none;
  transition: color 0.15s ease, background 0.15s ease;
  box-sizing: border-box;
}

html body .b-settings-folders .xmail-sf-btn:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--xmail-text-strong, #fff);
}

html body .b-settings-folders .xmail-sf-delete-actions {
  display: none !important;
}

html body .b-settings-folders .xmail-sf-action-label {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .b-settings-folders .xmail-sf-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
  flex: 0 0 18px !important;
}

html body .b-settings-folders .xmail-sf-ico svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

html body .b-settings-folders .xmail-sf-vis-label {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .b-settings-folders .delete-folder:hover {
  color: var(--xmail-accent-text, #fda4af) !important;
  background: rgba(225, 29, 72, 0.1) !important;
}

html body .b-settings-folders .subscribe-folder {
  color: var(--xmail-link, rgba(147, 197, 253, 0.98)) !important;
}

/* Cartella nascosta: pulsante Mostra ben visibile (stock era opacity 0.2) */
html body .b-settings-folders .unsubscribe-folder,
html body .b-settings-folders .folder-item .unsubscribe-folder {
  color: var(--xmail-warn-text, rgba(251, 191, 36, 0.98)) !important;
  opacity: 1 !important;
  border: none !important;
}

html body .b-settings-folders .check-folder {
  color: var(--xmail-ok-text, #86efac) !important;
}

html body .b-settings-folders .uncheck-folder {
  color: var(--xmail-muted, rgba(245, 247, 252, 0.45)) !important;
}

/* Visibilità anche con ignore-folder-subscribe (stock fa display:none) */
html body .b-settings-folders.ignore-folder-subscribe .subscribe-folder,
html body .b-settings-folders.ignore-folder-subscribe .unsubscribe-folder {
  display: inline-flex;
}

html body .b-settings-folders .xmail-sf-action-vis {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 120px !important;
}

/* Conferma eliminazione */
html body .b-settings-folders .xmail-sf-delete-actions .xmail-sf-delete-confirm,
html body .b-settings-folders .xmail-sf-delete-actions .xmail-sf-delete-cancel {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  margin: 0;
  border-radius: 8px;
  border: none;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: none;
}

html body .b-settings-folders .xmail-sf-delete-confirm {
  background: rgba(225, 29, 72, 0.2) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

html body .b-settings-folders .xmail-sf-delete-confirm:hover {
  background: rgba(225, 29, 72, 0.32) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-settings-folders .xmail-sf-delete-cancel {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.85)) !important;
}

html body .b-settings-folders .xmail-sf-delete-cancel:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-settings-folders tr.folder-item.xmail-sf-deleting .folder-name {
  color: var(--xmail-accent-text, #fda4af) !important;
}

html body .xmail-help-card {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════
   Popup Cartelle di sistema — UI nitida, senza offuscamento
   ══════════════════════════════════════════════════════ */
html.xmail-folder-system-open .modal-backdrop,
html.xmail-folder-create-open .modal-backdrop,
html.xmail-folder-system-open body > .modal-backdrop,
html.xmail-folder-create-open body > .modal-backdrop,
html body #rl-popups:has(.b-folder-system-content.modal.in) ~ .modal-backdrop,
html body #rl-popups:has(.b-folder-create-content.modal.in) ~ .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Host popup sistema/creazione: fisso ma trasparente ai click (solo il modal è interattivo) */
html body #rl-popups:has(.b-folder-system-content.modal.in),
html body #rl-popups:has(.b-folder-create-content.modal.in),
html.xmail-folder-system-open #rl-popups,
html.xmail-folder-create-open #rl-popups,
html.xmail-folder-system-open #rl-popups .popups,
html.xmail-folder-create-open #rl-popups .popups {
  position: fixed !important;
  inset: 0 !important;
  z-index: 15000 !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

html.xmail-folder-system-open #rl-popups .rl-view-model,
html.xmail-folder-create-open #rl-popups .rl-view-model {
  pointer-events: none !important;
  filter: none !important;
  opacity: 1 !important;
}

html.xmail-folder-system-open #rl-left,
html.xmail-folder-create-open #rl-left,
html.xmail-folder-system-open #rl-right,
html.xmail-folder-create-open #rl-right,
html.xmail-folder-system-open .b-settings,
html.xmail-folder-create-open .b-settings,
html.xmail-folder-system-open .b-settings-content,
html.xmail-folder-create-open .b-settings-content,
html.xmail-folder-system-open #rl-app,
html.xmail-folder-create-open #rl-app {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.xmail-folder-system-open .b-folder-system-content.modal,
html.xmail-folder-create-open .b-folder-create-content.modal,
html.xmail-folder-system-open .b-folder-system-content.modal *,
html.xmail-folder-create-open .b-folder-create-content.modal * {
  pointer-events: auto !important;
}

html body .b-folder-system-content.modal.in:not(.hide),
html body .b-folder-create-content.modal.in:not(.hide),
html body .b-folder-system-content.modal.in.hide,
html body .b-folder-create-content.modal.in.hide,
html body .xmail-folder-system-modal.modal.in:not(.hide),
html body .xmail-folder-create-modal.modal.in:not(.hide),
html body .xmail-folder-system-modal.modal.in.hide,
html body .xmail-folder-create-modal.modal.in.hide,
html.xmail-folder-system-open .b-folder-system-content.modal.in:not(.hide),
html.xmail-folder-create-open .b-folder-create-content.modal.in:not(.hide),
html.xmail-folder-system-open .b-folder-system-content.modal.in.hide,
html.xmail-folder-create-open .b-folder-create-content.modal.in.hide,
html body #rl-popups .b-folder-system-content.modal.in:not(.hide),
html body #rl-popups .b-folder-create-content.modal.in:not(.hide),
html body #rl-popups .b-folder-system-content.modal.in.hide,
html body #rl-popups .b-folder-create-content.modal.in.hide {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(520px, calc(100vw - 32px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 18px !important;
  background: var(--xmail-surface-solid, #12161f) !important;
  background-color: var(--xmail-surface-solid, #12161f) !important;
  color: var(--xmail-text, #e8edf5) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65) !important;
  overflow: hidden !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  z-index: 15010 !important;
  pointer-events: auto !important;
}

html body .b-folder-system-content.modal .modal-header,
html body .xmail-folder-system-modal .xmail-fsys-head {
  position: relative !important;
  background: var(--xmail-surface-solid, #12161f) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px 22px 14px !important;
}

html body .xmail-folder-system-modal .xmail-fsys-kicker {
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 75%, #fff) !important;
  margin: 0 0 6px !important;
}

html body .b-folder-system-content.modal .modal-header h3,
html body .xmail-folder-system-modal .xmail-fsys-head h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.2 !important;
}

html body .xmail-folder-system-modal .xmail-fsys-sub {
  margin: 8px 0 0 !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  max-width: 42ch !important;
}

html body .b-folder-system-content.modal .close,
html body .xmail-folder-system-modal .xmail-fsys-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.85)) !important;
  font-size: 22px !important;
  line-height: 34px !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body .b-folder-system-content.modal .close:hover,
html body .xmail-folder-system-modal .xmail-fsys-close:hover {
  color: var(--xmail-text-strong, #fff) !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
}

html body .b-folder-system-content.modal .modal-body,
html body .xmail-folder-system-modal .xmail-fsys-body {
  background: var(--xmail-surface-solid, #12161f) !important;
  padding: 8px 22px 6px !important;
  max-height: min(62vh, 480px) !important;
  overflow: auto !important;
}

html body .xmail-folder-system-modal .xmail-fsys-form {
  margin: 0 !important;
}

html body .xmail-folder-system-modal .xmail-fsys-alert {
  margin: 0 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  background: rgba(251, 191, 36, 0.1) !important;
  color: var(--xmail-warn-text, #fde68a) !important;
}

html body .xmail-folder-system-modal .xmail-fsys-row,
html body .b-folder-system-content.modal .control-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
}

html body .xmail-folder-system-modal .xmail-fsys-label,
html body .b-folder-system-content.modal .control-label {
  float: none !important;
  width: auto !important;
  min-width: 140px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.92)) !important;
}

html body .xmail-folder-system-modal .xmail-fsys-ico {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
  flex: 0 0 18px !important;
}

html body .xmail-folder-system-modal .xmail-fsys-ico svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

html body .xmail-folder-system-modal .controls,
html body .b-folder-system-content.modal .controls {
  float: none !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  text-align: right !important;
}

html body .xmail-folder-system-modal .xmail-fsys-select,
html body .b-folder-system-content.modal select {
  width: 100% !important;
  max-width: 260px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: var(--xmail-surface-solid, #0c1018) !important;
  color: var(--xmail-text, #f3f4f6) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

html body .xmail-folder-system-modal .xmail-fsys-select:focus,
html body .b-folder-system-content.modal select:focus {
  outline: none !important;
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, #fff) !important;
}

html body .xmail-folder-system-modal .xmail-fsys-foot,
html body .b-folder-system-content.modal .modal-footer {
  background: var(--xmail-surface-solid, #12161f) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 22px 18px !important;
  text-align: right !important;
  box-shadow: none !important;
}

html body .xmail-folder-system-modal .xmail-fsys-done {
  min-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  border: none !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 80%, #000) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html body .xmail-folder-system-modal .xmail-fsys-done:hover {
  background: var(--xmail-accent-hover, #be123c) !important;
}

/* Popup Nuova cartella — stessi vincoli del popup sistema */
html body .b-folder-create-content.modal .modal-header {
  position: relative !important;
  background: var(--xmail-surface-solid, #12161f) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px 22px 14px !important;
}

html body .b-folder-create-content.modal .modal-header h3 {
  margin: 0 !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-folder-create-content.modal .modal-body,
html body .xmail-folder-create-modal .modal-body {
  background: var(--xmail-surface-solid, #12161f) !important;
  padding: 8px 22px 12px !important;
}

html body .b-folder-create-content.modal .control-label {
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.72)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body .b-folder-create-content.modal .inputName,
html body .b-folder-create-content.modal select {
  width: 100% !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  color: var(--xmail-text, #e8edf5) !important;
  box-shadow: none !important;
}

html body .b-folder-create-content.modal .modal-footer {
  background: var(--xmail-surface-solid, #12161f) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 22px 18px !important;
}

html body .b-folder-create-content.modal .buttonCreate {
  min-height: 38px !important;
  border-radius: 10px !important;
  border: none !important;
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

@media (max-width: 640px) {
  html body .xmail-folder-system-modal .xmail-fsys-row,
  html body .b-folder-system-content.modal .control-group {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .xmail-folder-system-modal .xmail-fsys-select,
  html body .b-folder-system-content.modal select {
    max-width: none !important;
  }
}

/* ══════════════════════════════════════════════════════
   v58 — Dark mode lettura mail (plain + HTML)
   ══════════════════════════════════════════════════════ */

html body #rl-app .messageView .loading,
html body #rl-app .messageView .loading .text,
html body #rl-app .messageView .b-message-view-checked-helper,
html body #rl-app .messageView .b-message-view-desc,
html body #rl-app .messageView .showImages,
html body #rl-app .messageView .readReceipt {
  color: var(--xmail-muted, #9aa6ba) !important;
  text-shadow: none !important;
}

html body #rl-app .messageView .showImages,
html body #rl-app .messageView .readReceipt {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin: 0 0 12px !important;
}

html body #rl-app .messageView .showImages:hover,
html body #rl-app .messageView .readReceipt:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

/* Plain text: sempre dark e leggibile */
html body #rl-app .messageView .bodyText .b-text-part.plain,
html body #rl-app .messageView .bodyText .b-text-part.plain pre,
html body #rl-app .messageView .bodyText .b-text-part.plain pre.b-plain-openpgp {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
  border-color: var(--xmail-faint, rgba(255, 255, 255, 0.18)) !important;
}

html body #rl-app .messageView .bodyText .b-text-part.plain {
  padding: 4px 0 !important;
  font-family: "JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

html body #rl-app .messageView .bodyText .b-text-part.plain a {
  color: var(--xmail-link, #93c5fd) !important;
}

html body #rl-app .messageView .bodyText .b-text-part.plain blockquote {
  border-left: 2px solid #60a5fa !important;
  color: var(--xmail-link, #93c5fd) !important;
  background: transparent !important;
}

html body #rl-app .messageView .bodyText .b-text-part.plain blockquote blockquote {
  border-left-color: #4ade80 !important;
  color: var(--xmail-ok-text, #86efac) !important;
}

html body #rl-app .messageView .bodyText .b-text-part.plain blockquote blockquote blockquote {
  border-left-color: var(--xmail-accent-text, #fb7185) !important;
  color: var(--xmail-accent-text, #fda4af) !important;
}

html body #rl-app .messageView .bodyText .b-text-part .b-openpgp-control {
  color: var(--xmail-muted, #9aa6ba) !important;
}

html body #rl-app .messageView .bodyText .b-text-part .b-openpgp-control:hover {
  color: var(--xmail-text-strong, #fff) !important;
}

/*
 * HTML: “carta” chiara isolata — le newsletter restano leggibili.
 * Se il messaggio è già dark (classe JS), resta sul tema scuro.
 */
html body #rl-app .messageView .bodyText .b-text-part.html {
  background: var(--xmail-mail-html-bg, #ffffff) !important;
  background-color: var(--xmail-mail-html-bg, #ffffff) !important;
  color: var(--xmail-mail-html-fg, #1f2937) !important;
  color-scheme: light;
  border-radius: 12px !important;
  padding: 8px 4px !important;
  box-sizing: border-box !important;
}

html body #rl-app .messageView .bodyText .b-text-part.html,
html body #rl-app .messageView .bodyText .b-text-part.html div[data-x-div-type="html"],
html body #rl-app .messageView .bodyText .b-text-part.html div[data-x-div-type="body"] {
  color: var(--xmail-mail-html-fg, #1f2937);
}

html body #rl-app .messageView .bodyText .b-text-part.html a {
  color: #2563eb;
}

html body #rl-app .messageView .bodyText .b-text-part.html pre,
html body #rl-app .messageView .bodyText .b-text-part.html code {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

html body #rl-app .messageView .bodyText .b-text-part.html blockquote {
  border-left: 2px solid #9ca3af !important;
  color: #374151 !important;
}

/* HTML già dark: niente carta bianca */
html body #rl-app .messageView .bodyText .b-text-part.html.xmail-html-native-dark {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--xmail-mail-body-fg, #e8edf5) !important;
  color-scheme: dark;
  border-radius: 0 !important;
  padding: 0 !important;
}

html body #rl-app .messageView .bodyText .b-text-part.html.xmail-html-native-dark,
html body #rl-app .messageView .bodyText .b-text-part.html.xmail-html-native-dark div[data-x-div-type="html"],
html body #rl-app .messageView .bodyText .b-text-part.html.xmail-html-native-dark div[data-x-div-type="body"] {
  color: var(--xmail-mail-body-fg, #e8edf5);
}

html body #rl-app .messageView .bodyText .b-text-part.html.xmail-html-native-dark a {
  color: var(--xmail-link, #93c5fd);
}

/* Compose: editor chiaro (il testo inviato deve restare leggibile fuori) */
html body .b-compose .cke_contents,
html body #rl-app .b-compose .cke_contents,
html body .b-compose .cke_wysiwyg_div,
html body .b-compose .cke_editable {
  background: #ffffff !important;
  color: #1f2937 !important;
  color-scheme: light !important;
}

html body .b-compose textarea.cke_source,
html body #rl-app .b-compose textarea.cke_source {
  background: var(--xmail-surface-solid, #18181b) !important;
  color: var(--xmail-text, #e8edf5) !important;
  color-scheme: dark !important;
  border: none !important;
}

/* ══════════════════════════════════════════════════════
   v65 — Admin login + impostazioni admin (UI completa)
   ══════════════════════════════════════════════════════ */
html.xmail-admin,
html.xmail-admin body {
  overflow: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
}

html.xmail-admin body #rl-app,
html.xmail-admin body #rl-content,
html.xmail-admin body #rl-check {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: auto !important;
  pointer-events: auto !important;
  background: transparent !important;
}

html.xmail-admin #xmail-navbar,
html.xmail-admin #xmail-folder-footer,
html.xmail-admin #xmail-folder-rail {
  display: none !important;
}

/* ── Login admin ─────────────────────────────────────── */
html.xmail-admin .b-login-content.xmail-admin-login,
html.xmail-admin .b-login-content {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 16px !important;
  box-sizing: border-box !important;
}

html.xmail-admin .b-login-content .loginFormWrapper {
  width: 100% !important;
  max-width: 440px !important;
  margin: 0 auto !important;
}

html.xmail-admin .xmail-admin-login-shell {
  padding: 28px 28px 24px !important;
  border-radius: 22px !important;
  background: var(--xmail-menu-solid, rgba(10, 14, 26, 0.88)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55) !important;
}

html.xmail-admin .xmail-admin-login-brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 22px !important;
}

html.xmail-admin .xmail-admin-login-mark {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, var(--xmail-accent, #e11d48), #9f1239) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  flex: 0 0 48px !important;
}

html.xmail-admin .xmail-admin-login-kicker {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
  margin-bottom: 2px !important;
}

html.xmail-admin .xmail-admin-login-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.1 !important;
}

html.xmail-admin .xmail-admin-login-sub {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
}

html.xmail-admin .b-login-content .loginForm,
html.xmail-admin .b-login-content .thm-login,
html.xmail-admin .xmail-admin-login-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

html.xmail-admin .xmail-admin-field-label {
  display: block !important;
  margin: 0 0 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.78)) !important;
}

html.xmail-admin .xmail-admin-field {
  position: relative !important;
  display: block !important;
  margin: 0 0 14px !important;
}

html.xmail-admin .b-login-content input[type="text"],
html.xmail-admin .b-login-content input[type="password"],
html.xmail-admin #RainLoopAdminLogin,
html.xmail-admin #RainLoopAdminPassword {
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  background-color: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  -webkit-text-fill-color: var(--xmail-text, #f3f6fb) !important;
  caret-color: var(--xmail-text-strong, #fff) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 46px 0 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.xmail-admin .b-login-content input:focus {
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 55%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
}

html.xmail-admin .b-login-content .input-append .add-on {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  pointer-events: none !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

html.xmail-admin .b-login-content .input-append .add-on i {
  display: none !important;
}

html.xmail-admin .xmail-admin-login-actions,
html.xmail-admin .b-login-content .controls-submit-wrp,
html.xmail-admin .b-login-content .controls-submit-wrp.display-none {
  display: block !important;
  margin: 18px 0 0 !important;
}

html.xmail-admin .b-login-content .btn.buttonLogin,
html.xmail-admin .xmail-admin-login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, var(--xmail-accent, #e11d48), #be123c) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--xmail-accent, #e11d48) 35%, transparent) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}

html.xmail-admin .b-login-content .btn.buttonLogin:hover,
html.xmail-admin .xmail-admin-login-btn:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .b-login-content .btn.buttonLogin:active,
html.xmail-admin .xmail-admin-login-btn:active {
  transform: translateY(0) !important;
}

html.xmail-admin .xmail-admin-login-btn-ico {
  display: inline-flex !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .xmail-admin-login-btn-label,
html.xmail-admin .xmail-admin-login-btn .i18n {
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .xmail-admin-login-error {
  margin: 0 0 14px !important;
  border: none !important;
  border-radius: 12px !important;
  background: rgba(225, 29, 72, 0.16) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

/* ── Shell admin dopo login ──────────────────────────── */
html.xmail-admin #rl-left,
html.xmail-admin #rl-right,
html.xmail-admin #rl-center {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.xmail-admin .b-admin-left.xmail-admin-nav,
html.xmail-admin .b-admin-left {
  background: var(--xmail-menu-solid, rgba(8, 12, 22, 0.82)) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html.xmail-admin .xmail-admin-nav-head {
  padding: 22px 18px 10px !important;
}

html.xmail-admin .xmail-admin-nav-kicker {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
}

html.xmail-admin .xmail-admin-nav-title {
  margin-top: 4px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.045em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.05 !important;
}

html.xmail-admin .b-admin-left .b-toolbar {
  display: none !important;
}

html.xmail-admin .b-admin-left .b-content.thm-settings-menu {
  top: 84px !important;
  bottom: 16px !important;
  padding: 8px 10px !important;
  overflow: auto !important;
}

html.xmail-admin .xmail-admin-menu {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html.xmail-admin .xmail-admin-menu .e-item,
html.xmail-admin .b-admin-menu .e-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  color: var(--xmail-text-soft, rgba(232, 237, 245, 0.72)) !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

html.xmail-admin .xmail-admin-menu .e-item .e-link,
html.xmail-admin .b-admin-menu .e-item .e-link {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

html.xmail-admin .xmail-admin-menu .e-item.selectable:hover,
html.xmail-admin .b-admin-menu .e-item.selectable:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .xmail-admin-menu .e-item.selectable.selected,
html.xmail-admin .b-admin-menu .e-item.selectable.selected {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 18%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-weight: 600 !important;
}

html.xmail-admin .xmail-admin-menu-ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  color: inherit !important;
  opacity: 0.9 !important;
}

html.xmail-admin .xmail-admin-menu-ico svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
}

/* Topbar admin */
html.xmail-admin .b-admin-right,
html.xmail-admin .xmail-admin-pane {
  background: var(--xmail-glass, rgba(10, 14, 24, 0.55)) !important;
}

html.xmail-admin .xmail-admin-topbar,
html.xmail-admin .b-admin-right .b-toolbar {
  height: auto !important;
  min-height: 64px !important;
  padding: 12px 20px !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: var(--xmail-glass, rgba(8, 12, 22, 0.72)) !important;
  box-shadow: none !important;
}

html.xmail-admin .xmail-admin-topbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
}

html.xmail-admin .xmail-admin-topbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  float: none !important;
}

html.xmail-admin .xmail-admin-topbar-mark {
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, var(--xmail-accent, #e11d48), #9f1239) !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

html.xmail-admin .xmail-admin-topbar-kicker {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--xmail-accent, #e11d48) 70%, #fff) !important;
}

html.xmail-admin .xmail-admin-topbar-title,
html.xmail-admin .b-admin-right .b-toolbar h4 {
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.2 !important;
}

html.xmail-admin .xmail-admin-topbar-domain {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

html.xmail-admin .xmail-admin-spinner {
  margin-left: 8px !important;
  vertical-align: middle !important;
}

html.xmail-admin .xmail-admin-logout,
html.xmail-admin .b-admin-right .b-toolbar .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 11px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html.xmail-admin .xmail-admin-logout:hover,
html.xmail-admin .b-admin-right .b-toolbar .btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .xmail-admin-logout .icon-power {
  display: none !important;
}

html.xmail-admin .b-admin-right .b-content {
  top: 64px !important;
  background: transparent !important;
}

html.xmail-admin .xmail-admin-content-wrap {
  padding: 28px 28px 40px !important;
  max-width: 980px !important;
}

/* Contenuti impostazioni admin */
html.xmail-admin .b-settings-content,
html.xmail-admin .xmail-admin-settings,
html.xmail-admin .b-admin-general,
html.xmail-admin .adminSecurity,
html.xmail-admin .b-admin-domains,
html.xmail-admin .b-admin-login,
html.xmail-admin .b-admin-contacts,
html.xmail-admin .b-admin-plugins,
html.xmail-admin .b-admin-packages,
html.xmail-admin .b-admin-branding,
html.xmail-admin .b-admin-social,
html.xmail-admin .b-admin-about {
  color: var(--xmail-text, #f3f6fb) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
}

html.xmail-admin .b-settings-content .legend,
html.xmail-admin .xmail-admin-settings .legend {
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .b-settings-content .form-horizontal,
html.xmail-admin .xmail-admin-settings .form-horizontal {
  margin: 0 0 28px !important;
  padding: 18px 18px 8px !important;
  border-radius: 16px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.035)) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

html.xmail-admin .b-settings-content .control-group {
  margin-bottom: 14px !important;
}

html.xmail-admin .b-settings-content .control-label,
html.xmail-admin .b-settings-content label {
  color: var(--xmail-text-soft, rgba(200, 210, 224, 0.92)) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

html.xmail-admin .b-settings-content .help-block,
html.xmail-admin .b-settings-content .muted {
  color: var(--xmail-muted, rgba(154, 166, 186, 0.95)) !important;
}

html.xmail-admin .b-settings-content input[type="text"],
html.xmail-admin .b-settings-content input[type="password"],
html.xmail-admin .b-settings-content input[type="email"],
html.xmail-admin .b-settings-content input[type="number"],
html.xmail-admin .b-settings-content textarea,
html.xmail-admin .b-settings-content select,
html.xmail-admin .b-settings-content .uneditable-input {
  min-height: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 11px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  box-shadow: none !important;
}

html.xmail-admin .b-settings-content input:focus,
html.xmail-admin .b-settings-content textarea:focus,
html.xmail-admin .b-settings-content select:focus {
  border-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 50%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--xmail-accent, #e11d48) 18%, transparent) !important;
}

html.xmail-admin .b-settings-content .btn,
html.xmail-admin .b-settings-content a.btn {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 11px !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html.xmail-admin .b-settings-content .btn:hover,
html.xmail-admin .b-settings-content a.btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.14)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .b-settings-content .btn.btn-primary,
html.xmail-admin .b-settings-content .btn.btn-success,
html.xmail-admin .b-settings-content a.btn.btn-primary {
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html.xmail-admin .b-settings-content .btn.btn-danger {
  background: rgba(225, 29, 72, 0.18) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

html.xmail-admin .b-settings-content .alert,
html.xmail-admin .b-admin-general .alert {
  border: none !important;
  border-radius: 14px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  box-shadow: none !important;
}

html.xmail-admin .b-settings-content .alert-warning {
  background: rgba(245, 158, 11, 0.14) !important;
  color: var(--xmail-warn-text, #fde68a) !important;
}

html.xmail-admin .b-settings-content .alert-error,
html.xmail-admin .b-settings-content .alert-danger {
  background: rgba(225, 29, 72, 0.14) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

html.xmail-admin .b-settings-content .table,
html.xmail-admin .b-settings-content .list-table {
  background: transparent !important;
  border: none !important;
}

html.xmail-admin .b-settings-content .table td,
html.xmail-admin .b-settings-content .list-table td {
  border: none !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03)) !important;
  color: var(--xmail-text, #f3f6fb) !important;
  padding: 12px 14px !important;
}

html.xmail-admin .b-settings-content .table tr:hover td,
html.xmail-admin .b-settings-content .list-table tr:hover td {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
}

html.xmail-admin .b-settings-content .e-checkbox,
html.xmail-admin .b-settings-content .checkbox-label {
  color: var(--xmail-text-soft, rgba(240, 244, 250, 0.94)) !important;
}

html.xmail-admin .b-settings-content .iconcolor-green,
html.xmail-admin .b-settings-content .icon-checkbox-checked {
  color: var(--xmail-accent, #e11d48) !important;
}

html.xmail-admin .b-settings-content pre {
  background: rgba(0, 0, 0, 0.25) !important;
  border: none !important;
  border-radius: 12px !important;
  color: var(--xmail-text-soft, rgba(200, 210, 224, 0.95)) !important;
}

html.xmail-admin .b-admin-right,
html.xmail-admin .b-settins-left,
html.xmail-admin .b-settings-content {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 820px) {
  html.xmail-admin .xmail-admin-login-shell {
    padding: 22px 18px !important;
  }
  html.xmail-admin .xmail-admin-content-wrap {
    padding: 18px 14px 32px !important;
  }
  html.xmail-admin .xmail-admin-logout-label {
    display: none !important;
  }
}

/* Selezione messaggi in navbar: zero background sui pulsanti */
html body #xmail-navbar .xmail-sel-slot .btn,
html body #xmail-navbar .xmail-sel-slot a.btn,
html.xmail-has-selection #xmail-navbar .xmail-sel-slot .btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body #xmail-navbar .xmail-sel-slot .btn:hover,
html body #xmail-navbar .xmail-sel-slot a.btn:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* ══════════════════════════════════════════════════════
   v90 — Mobile-first: viewer, lista, tipografia, borderless
   ══════════════════════════════════════════════════════ */
html.xmail-mobile,
html.xmail-mobile body,
html.xmail-mobile body #rl-app {
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
}

html.xmail-mobile body #rl-app,
html.xmail-mobile body #rl-app #rl-left,
html.xmail-mobile body #rl-app #rl-right,
html.xmail-mobile body #rl-app #rl-sub-left,
html.xmail-mobile body #rl-app #rl-sub-right,
html.xmail-mobile body #rl-app .b-folders,
html.xmail-mobile body #rl-app .messageList,
html.xmail-mobile body #rl-app .messageList .b-message-list-wrapper,
html.xmail-mobile body #rl-app .messageView,
html.xmail-mobile body #rl-app .messageView .b-message-view-wrapper,
html.xmail-mobile body #rl-app .messageView .b-content,
html.xmail-mobile body #rl-app .thm-message-view-background-color {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.xmail-mobile body #rl-app .messageList,
html.xmail-mobile body #rl-app .messageList .b-message-list-wrapper,
html.xmail-mobile body #rl-app .messageView,
html.xmail-mobile body #rl-app .messageView .b-content {
  background: var(--xmail-bg-deep, #121214) !important;
  background-color: var(--xmail-bg-deep, #121214) !important;
}

/* Lista messaggi mobile */
html.xmail-mobile body #rl-app .messageList .second-toolbar {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 12px !important;
  border: none !important;
  background: transparent !important;
  font-size: 15px !important;
}

html.xmail-mobile body #rl-app .messageList .b-content {
  top: 48px !important;
  bottom: 60px !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem {
  min-height: 76px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.unseen,
html.xmail-mobile body #rl-app .messageList .messageListItem.hasUnseenSubMessage,
html.xmail-mobile body #rl-app .messageList .b-content .messageListItem.unseen,
html.xmail-mobile body #rl-app .messageList .b-content .messageListItem.hasUnseenSubMessage {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 9%, transparent) !important;
  background-color: color-mix(in srgb, var(--xmail-accent, #e11d48) 9%, transparent) !important;
  box-shadow: inset 3px 0 0 var(--xmail-accent, #e11d48) !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.unseen:active,
html.xmail-mobile body #rl-app .messageList .messageListItem.hasUnseenSubMessage:active {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 14%, transparent) !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.unseen .sender,
html.xmail-mobile body #rl-app .messageList .messageListItem.hasUnseenSubMessage .sender,
html.xmail-mobile body #rl-app .messageList .messageListItem.unseen .subject,
html.xmail-mobile body #rl-app .messageList .messageListItem.hasUnseenSubMessage .subject,
html.xmail-mobile body #rl-app .messageList .messageListItem.unseen .subject-prefix,
html.xmail-mobile body #rl-app .messageList .messageListItem.unseen .subject-suffix {
  color: var(--xmail-text-strong, #fff) !important;
  font-weight: 650 !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.unseen .sender::before,
html.xmail-mobile body #rl-app .messageList .messageListItem.hasUnseenSubMessage .sender::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: var(--xmail-accent, #e11d48) !important;
  vertical-align: middle !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .wrapper {
  border: none !important;
  gap: 6px !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .sender {
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .subject,
html.xmail-mobile body #rl-app .messageList .messageListItem .subject-prefix,
html.xmail-mobile body #rl-app .messageList .messageListItem .subject-suffix {
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .date,
html.xmail-mobile body #rl-app .messageList .messageListItem .size {
  font-size: 12.5px !important;
  letter-spacing: 0.01em !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.selected,
html.xmail-mobile body #rl-app .messageList .messageListItem.selected:hover {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 12%, transparent) !important;
  box-shadow: none !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.selected.unseen,
html.xmail-mobile body #rl-app .messageList .messageListItem.selected.hasUnseenSubMessage {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 16%, transparent) !important;
  box-shadow: inset 3px 0 0 var(--xmail-accent, #e11d48) !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem.selected::after {
  display: none !important;
}

/* Visualizzatore messaggio — mobile distraction-free: full-screen in lettura e in compose */
html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app #rl-center,
html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app #rl-right {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app #rl-sub-right {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html.xmail-mobile.xmail-compose-open body #rl-app #rl-center,
html.xmail-mobile.xmail-compose-open body #rl-app #rl-right,
html.xmail-mobile.xmail-compose-open body #rl-app #rl-sub-right {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html.xmail-mobile body #rl-app .messageView.xmail-mobile-viewer,
html.xmail-mobile body #rl-app .messageView {
  background: var(--xmail-bg-deep, #0f0f11) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html.xmail-mobile.xmail-compose-open body #rl-app .messageView.xmail-mobile-viewer,
html.xmail-mobile.xmail-compose-open body #rl-app .messageView {
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
}

html.xmail-mobile body #rl-app .messageView > .toolbar.top-toolbar {
  display: none !important;
}

html.xmail-mobile body #rl-app .messageView .b-content,
html.xmail-mobile body #rl-app .messageView .b-message-view-wrapper {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar,
html.xmail-mobile body #rl-app .messageView .xmail-mobile-msg-actions {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  padding-left: max(6px, env(safe-area-inset-left)) !important;
  padding-right: max(6px, env(safe-area-inset-right)) !important;
  background: var(--xmail-menu-solid, rgba(15, 15, 17, 0.94)) !important;
  backdrop-filter: blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar .btn,
html.xmail-mobile body #rl-app .messageView .xmail-msg-actions .btn {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar .btn:active,
html.xmail-mobile body #rl-app .messageView .xmail-msg-actions .btn:active {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar .btn [class^="icon-"],
html.xmail-mobile body #rl-app .messageView .xmail-msg-actions .btn [class^="icon-"] {
  font-size: 18px !important;
  line-height: 44px !important;
  color: inherit !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader,
html.xmail-mobile body #rl-app .messageView .xmail-mobile-msg-header {
  position: relative !important;
  padding: 14px 16px 16px !important;
  padding-left: max(16px, env(safe-area-inset-left)) !important;
  padding-right: max(16px, env(safe-area-inset-right)) !important;
  margin: 0 !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .subjectParent {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .subject,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .emptySubjectText {
  flex: 1 1 auto !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.22 !important;
  color: var(--xmail-text-strong, #fff) !important;
  white-space: normal !important;
  word-break: break-word !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .informationShort {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 10px !important;
  margin: 0 !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .fromPic {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: none !important;
  margin: 0 10px 0 0 !important;
  flex: 0 0 40px !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  object-fit: cover !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .from,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .informationShort .from {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 15.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  color: var(--xmail-text, #f4f4f5) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .informationShort,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .informationFull,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .to,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .date,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .uiLabel {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--xmail-muted, #a1a1aa) !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .informationFull {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader .date {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: var(--xmail-muted-2, #71717a) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html.xmail-mobile body #rl-app .messageView .showImages,
html.xmail-mobile body #rl-app .messageView .readReceipt {
  display: block !important;
  margin: 10px 16px 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text, #e4e4e7) !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
  text-align: center !important;
}

html.xmail-mobile body #rl-app .messageView .messageItemHeader button.close,
html.xmail-mobile body #rl-app .messageView .messageItemHeader .xmail-native-hidden {
  display: none !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem > .content,
html.xmail-mobile body #rl-app .messageView .messageItem .content-wrapper,
html.xmail-mobile body #rl-app .messageView .messageItem .g-scrollbox {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText.rl-mv-root {
  margin: 8px 0 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 18px max(14px, env(safe-area-inset-left)) 28px max(14px, env(safe-area-inset-right)) !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  letter-spacing: -0.01em !important;
  color: #18181b !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText.b-text-part.html,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText .b-text-part.html {
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #18181b !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText img,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText table {
  max-width: 100% !important;
  height: auto !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText pre,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText code {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  font-size: 14px !important;
}

html.xmail-mobile body #rl-app .messageView .attachmentsPlace,
html.xmail-mobile body #rl-app .messageView .messageItem .attachmentsPlace {
  margin: 0 12px 24px !important;
  margin-left: max(12px, env(safe-area-inset-left)) !important;
  margin-right: max(12px, env(safe-area-inset-right)) !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html.xmail-mobile body #rl-app .messageView .attachmentItem {
  min-height: 56px !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: none !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
}

html.xmail-mobile body #rl-app .messageView .attachmentItem .attachmentName {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

/* Offcanvas cartelle: tipografia touch, niente glass/overlay */
html.xmail-mobile body #rl-app .b-folders,
html.xmail-mobile body #rl-app #rl-left,
html.xmail-mobile.xmail-navbar-ready #rl-left {
  border: none !important;
  background: var(--xmail-surface-solid, #141416) !important;
  background-color: var(--xmail-surface-solid, #141416) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 12px 0 32px rgba(0, 0, 0, 0.35) !important;
}

html.xmail-mobile.xmail-settings-open #rl-left,
html.xmail-mobile.xmail-settings-open #rl-right,
html.xmail-mobile.xmail-settings-open body #rl-app .b-settins-left,
html.xmail-mobile.xmail-settings-open body #rl-app .b-settings,
html.xmail-mobile.xmail-settings-open body #rl-left .b-settins-left {
  background: var(--xmail-surface-solid, #141416) !important;
  background-color: var(--xmail-surface-solid, #141416) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html.xmail-mobile body #rl-app .b-folders .e-link .name {
  font-size: 16px !important;
  font-weight: 550 !important;
  letter-spacing: -0.02em !important;
}

html.xmail-mobile body #rl-app .b-folders .b-content {
  top: 8px !important;
  bottom: 120px !important;
  padding: 8px 8px 0 !important;
}

/* Impostazioni mobile */
html.xmail-mobile.xmail-settings-open body .xmail-settings-nav-head {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 18px 16px 10px !important;
}

html.xmail-mobile.xmail-settings-open body .xmail-settings-nav-title {
  font-size: 28px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-menu .e-item {
  min-height: 52px !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

html.xmail-mobile.xmail-settings-open body .b-settins-right .b-settings-content,
html.xmail-mobile.xmail-settings-open body .xmail-settings-body {
  padding: 12px 16px 40px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .form-horizontal .control-label {
  float: none !important;
  width: auto !important;
  text-align: left !important;
  font-size: 14px !important;
  padding-bottom: 6px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .form-horizontal .controls {
  margin-left: 0 !important;
}

html.xmail-mobile.xmail-settings-open body #rl-app .b-themes-list .e-item {
  width: calc(50% - 6px) !important;
  min-width: 0 !important;
  height: 104px !important;
  border-radius: 16px !important;
}

/* ══════════════════════════════════════════════════════
   COMPOSE MOBILE-FIRST — fullscreen writing UI
   ══════════════════════════════════════════════════════ */
html.xmail-mobile.xmail-compose-mobile,
html.xmail-mobile.xmail-compose-mobile body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html.xmail-mobile.xmail-compose-mobile #xmail-navbar,
html.xmail-mobile.xmail-compose-mobile .xmail-mobile-backdrop {
  visibility: hidden !important;
  pointer-events: none !important;
}

html.xmail-mobile.xmail-compose-mobile .rl-view-model.RL-PopupsCompose,
html.xmail-mobile.xmail-compose-mobile #rl-popups .rl-view-model.RL-PopupsCompose,
html.xmail-mobile.xmail-compose-mobile .RL-PopupsCompose .popups {
  position: fixed !important;
  inset: 0 !important;
  z-index: 720 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  pointer-events: auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.xmail-mobile.xmail-compose-mobile .RL-PopupsCompose .popups {
  z-index: 721 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose.modal,
html.xmail-mobile.xmail-compose-mobile .b-compose.modal.in,
html.xmail-mobile.xmail-compose-mobile .popups .b-compose.modal.in,
html.xmail-mobile.xmail-compose-mobile .b-compose.xmail-compose-m.modal.in {
  position: fixed !important;
  inset: 0 !important;
  z-index: 722 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  padding-left: env(safe-area-inset-left) !important;
  padding-right: env(safe-area-inset-right) !important;
}

/* ── Top bar: [X] Titolo …… [salva] [INVIA] ───────────── */
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar.xmail-compose-toolbar {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 10px 0 6px !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  box-shadow: none !important;
  order: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar > .close-custom {
  order: 0 !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
  float: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-title {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
  color: var(--xmail-text, #f4f4f5) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  float: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-actions {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  float: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .button-send,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .btn.button-send,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-send {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 78px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 12px !important;
  background: #e11d48 !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  text-decoration: none !important;
  float: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .button-send [class^="icon-"],
html.xmail-mobile.xmail-compose-mobile .b-compose .button-send .btn-text,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-send .xmail-compose-hide {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .button-send,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-send {
  gap: 6px !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .button-send .xmail-compose-ico,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-send .xmail-compose-ico svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  color: var(--xmail-text-strong, #fff) !important;
  stroke: currentColor !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .button-send .xmail-compose-action-label {
  display: inline !important;
  color: var(--xmail-text-strong, #fff) !important;
  font: inherit !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header-toolbar .button-save,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-head-tool {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--xmail-text, #e4e4e7) !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  float: none !important;
  text-decoration: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .button-save .xmail-compose-action-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-save .btn-text,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-save [class^="icon-"],
html.xmail-mobile.xmail-compose-mobile .b-compose .minimize-custom,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-delete,
html.xmail-mobile.xmail-compose-mobile .b-compose .saved-text,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-hide {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .button-save .xmail-compose-ico,
html.xmail-mobile.xmail-compose-mobile .b-compose .button-save .xmail-compose-ico svg,
html.xmail-mobile.xmail-compose-mobile .b-compose .close-custom .xmail-compose-ico,
html.xmail-mobile.xmail-compose-mobile .b-compose .close-custom .xmail-compose-ico svg,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-head-tool .xmail-compose-ico,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-head-tool .xmail-compose-ico svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: inherit !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .close-custom .xmail-compose-action-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-head-tool [class^="icon-"] {
  display: none !important;
}

/* ── Body shell ──────────────────────────────────────── */
html.xmail-mobile.xmail-compose-mobile .b-compose .modal-body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .modal-body > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* ── Fields: label sopra, input comodo al tocco ───────── */
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header {
  flex: 0 0 auto !important;
  max-height: min(46vh, 360px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 10px 14px 10px !important;
  border: none !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .g-ui-table {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 10px !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 14px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.045)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  box-sizing: border-box !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-compose-util-row,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-compose-hide {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.cc-row,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.bcc-row,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.reply-to-row {
  background: rgba(225, 29, 72, 0.08) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-cell,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-value {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  vertical-align: middle !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-label {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-label .control-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-label span,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .control-label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: var(--xmail-muted, #a1a1aa) !important;
  line-height: 1.2 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-value {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-value .pull-left,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-value .pull-right {
  float: none !important;
  display: contents !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .btn-group,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header a.buttonMore,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .buttonMore {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .e-identity,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-identity-dd .e-identity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  max-width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  font-size: 16px !important;
  font-weight: 550 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-identity-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose input,
html.xmail-mobile.xmail-compose-mobile .b-compose textarea,
html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container,
html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  font-size: 16px !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  caret-color: var(--xmail-accent-text, #fb7185) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose input::placeholder,
html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container input::placeholder {
  color: var(--xmail-muted, rgba(161, 161, 170, 0.75)) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  background: transparent !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container li {
  margin: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus-container .inputosaurus-selected,
html.xmail-mobile.xmail-compose-mobile .b-compose li.inputosaurus-selected {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(225, 29, 72, 0.18) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .inputosaurus input {
  flex: 1 1 160px !important;
  min-width: 160px !important;
  width: auto !important;
}

/* TO: label + input attaccati, chip a destra */
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  column-gap: 0 !important;
  min-height: 36px !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .e-label {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-label .control-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-label span,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .e-label .control-label,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .e-label span {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-value,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .e-value {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-value .pull-left,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .e-value .pull-right {
  display: contents !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .inputosaurus-container,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .inputosaurus-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row .inputosaurus-container input,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) .inputosaurus-container input,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-to-row input,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:has([data-i18n="COMPOSE/TITLE_TO"]) input {
  min-height: 30px !important;
  min-width: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-opts {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  order: 99 !important;
  align-self: center !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-opts[hidden] {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-mention {
  appearance: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  min-height: 26px !important;
  border-radius: 999px !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-muted, #a1a1aa) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-mention:hover,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-mention.is-active,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-opts.is-mention-open .xmail-compose-mention {
  background: rgba(225, 29, 72, 0.22) !important;
  color: var(--xmail-accent-text, #fb7185) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .g-ui-link {
  display: none !important;
}

/* Niente banda sotto oggetto: toolstrip nascosta (tool in header) */
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header {
  border-bottom: none !important;
  box-shadow: none !important;
  padding-bottom: 4px !important;
  margin-bottom: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row:last-child,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-subject-row {
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .b-header::after,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .g-ui-table::after,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-subject-row::after,
html.xmail-mobile.xmail-compose-mobile .b-compose .b-header .e-row.xmail-subject-row::before {
  content: none !important;
  display: none !important;
  border: none !important;
  height: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip-empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip::-webkit-scrollbar {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip > a,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip .xmail-attach-btn,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip .btn {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  text-decoration: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip > a:active,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip .xmail-attach-btn:active {
  background: rgba(225, 29, 72, 0.22) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip .xmail-compose-ico,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip .xmail-compose-ico svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  color: inherit !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-toolstrip [class^="icon-"]:before {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-attach-count {
  position: absolute !important;
  top: 4px !important;
  right: 2px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 8px !important;
  background: #e11d48 !important;
  color: var(--xmail-text-strong, #fff) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-align: center !important;
}

/* Format bar chiara sul bianco — niente banda scura sotto oggetto */
html.xmail-mobile.xmail-compose-mobile .b-compose .cke_top,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-cke-commandbar {
  flex: 0 0 auto !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: #ffffff !important;
  padding: 4px 6px !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_top::-webkit-scrollbar {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_toolbox {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  float: none !important;
  width: max-content !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_toolbar,
html.xmail-mobile.xmail-compose-mobile .b-compose .cke_toolgroup {
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_button,
html.xmail-mobile.xmail-compose-mobile .b-compose a.cke_button {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  opacity: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose a.cke_button_off:hover,
html.xmail-mobile.xmail-compose-mobile .b-compose a.cke_button_off:active {
  background: rgba(0, 0, 0, 0.05) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose a.cke_button_on {
  background: rgba(225, 29, 72, 0.12) !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_button_icon {
  filter: none !important;
  opacity: 0.85 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_combo {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_toolbar_separator,
html.xmail-mobile.xmail-compose-mobile .b-compose .cke_toolbar_break {
  display: none !important;
}

/* ── Editor bianco subito sotto i campi (niente banda scura) ── */
html.xmail-mobile.xmail-compose-mobile .b-compose .textAreaParent,
html.xmail-mobile.xmail-compose-mobile .b-compose .xmail-compose-editor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: #ffffff !important;
  overflow: hidden !important;
  visibility: visible !important;
  height: auto !important;
  box-shadow: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_chrome,
html.xmail-mobile.xmail-compose-mobile .b-compose .cke_inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  border: none !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_contents {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  border: none !important;
  background: #ffffff !important;
  border-radius: 0 !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .cke_wysiwyg_div,
html.xmail-mobile.xmail-compose-mobile .b-compose .cke_editable {
  min-height: 100% !important;
  padding: 16px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #18181b !important;
  box-sizing: border-box !important;
}

/* Allegati overlay in basso nell'editor */
html.xmail-mobile.xmail-compose-mobile .b-compose .attachmentAreaParent {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  max-height: 36% !important;
  margin: 0 !important;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  border: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: var(--xmail-menu-solid, rgba(24, 24, 27, 0.92)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .attachmentAreaParent:not(.xmail-attach-visible) {
  display: none !important;
}

html.xmail-mobile.xmail-compose-mobile .b-compose .attachmentItem {
  min-height: 48px !important;
  margin: 0 0 6px !important;
  border: none !important;
  border-radius: 10px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
}

html.xmail-mobile.xmail-compose-mobile:not(.xmail-contacts-open):not(.xmail-ask-open):not(.xmail-modal-open) .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Dropdown identità sopra il compose */
html.xmail-mobile.xmail-compose-mobile .b-compose .dropdown-menu {
  z-index: 730 !important;
  max-width: calc(100vw - 28px) !important;
}

/* Safe area bottom padding for list */
html.xmail-mobile body #rl-app .messageList .b-content .list-table,
html.xmail-mobile body #rl-app .messageList .b-content {
  padding-bottom: env(safe-area-inset-bottom) !important;
}

/* ══════════════════════════════════════════════════════
   Popup conferma uscita compose (Ask) — Xmail
   ══════════════════════════════════════════════════════ */
html.xmail-ask-open .modal-backdrop {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 13990 !important;
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body > .rl-view-model.RL-PopupsAsk {
  z-index: 14000 !important;
}

body > .rl-view-model.RL-PopupsAsk .b-ask-content.modal,
html body .b-ask-content.modal.xmail-ask-ui,
html.xmail-compose-mobile .b-ask-content.modal,
html.xmail-mobile .b-ask-content.modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(360px, calc(100vw - 40px)) !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 20px !important;
  background: var(--xmail-surface-solid, #141416) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  z-index: 14010 !important;
}

html body .b-ask-content.modal.xmail-ask-ui .modal-body,
html.xmail-mobile .b-ask-content.modal .modal-body,
html.xmail-compose-mobile .b-ask-content.modal .modal-body {
  padding: 28px 22px 12px !important;
  background: transparent !important;
  text-align: center !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .b-ask-content.modal.xmail-ask-ui .modal-body br {
  display: none !important;
}

html body .b-ask-content.modal.xmail-ask-ui .desc-place,
html.xmail-mobile .b-ask-content.modal .desc-place {
  display: block !important;
  font-size: 16px !important;
  font-weight: 550 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  color: var(--xmail-text, #e4e4e7) !important;
}

html body .b-ask-content.modal.xmail-ask-ui .modal-footer,
html.xmail-mobile .b-ask-content.modal .modal-footer {
  display: flex !important;
  gap: 10px !important;
  justify-content: stretch !important;
  padding: 12px 18px 18px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .b-ask-content.modal.xmail-ask-ui .modal-footer .btn,
html.xmail-mobile .b-ask-content.modal .modal-footer .btn {
  flex: 1 1 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body .b-ask-content.modal.xmail-ask-ui .buttonYes,
html.xmail-mobile .b-ask-content.modal .buttonYes {
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-ask-content.modal.xmail-ask-ui .buttonNo,
html.xmail-mobile .b-ask-content.modal .buttonNo {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .b-ask-content.modal.xmail-ask-ui .xmail-compose-ico,
html body .b-ask-content.modal.xmail-ask-ui .xmail-compose-ico svg {
  width: 16px !important;
  height: 16px !important;
  color: inherit !important;
  stroke: currentColor !important;
}

html body .b-ask-content.modal.xmail-ask-ui [class^="icon-"] {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   RUBRICA XMAIL — UI borderless (lista + dettaglio + form)
   ══════════════════════════════════════════════════════ */
html body .b-contacts-content.modal,
html body #rl-app .b-contacts-content.modal,
body > .rl-view-model.RL-PopupsContacts .b-contacts-content.modal {
  width: min(1080px, calc(100vw - 40px)) !important;
  max-width: 1080px !important;
  height: min(760px, calc(100vh - 56px)) !important;
  max-height: min(760px, calc(100vh - 56px)) !important;
  min-height: 420px !important;
  margin: auto !important;
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.62) !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  background-color: var(--xmail-bg-deep, #0f0f11) !important;
  font-family: "Outfit", "Plus Jakarta Sans", "Segoe UI", sans-serif !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .modal-header,
html body .b-contacts-content.modal.xmail-contacts-ui .b-header-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 14px 10px 18px !important;
  border: none !important;
  border-bottom: none !important;
  background: var(--xmail-surface-solid, #141416) !important;
  background-color: var(--xmail-surface-solid, #141416) !important;
  box-shadow: none !important;
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-back {
  order: 1 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  order: 2 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--xmail-text-strong, #fff) !important;
  line-height: 1.2 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn-toolbar {
  order: 3 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-title .xmail-contacts-ico,
html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-title .xmail-contacts-ico svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--xmail-accent-text, #fb7185) !important;
  flex: 0 0 auto !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  float: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn-group {
  display: inline-flex !important;
  margin: 0 !important;
  float: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn,
html body .b-contacts-content.modal.xmail-contacts-ui a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}

/* Rispetta display:none di Knockout (visible binding) */
html body .b-contacts-content.modal.xmail-contacts-ui .btn[style*="display: none"],
html body .b-contacts-content.modal.xmail-contacts-ui a.btn[style*="display: none"],
html body .b-contacts-content.modal.xmail-contacts-ui .btn[hidden],
html body .b-contacts-content.modal.xmail-contacts-ui a.btn[hidden] {
  display: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn:hover,
html body .b-contacts-content.modal.xmail-contacts-ui a.btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-create-contact {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 22%, transparent) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  padding: 0 14px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-create-contact:hover {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 34%, transparent) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-new-message,
html body .b-contacts-content.modal.xmail-contacts-ui .btn.btn-success {
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-save-contact {
  min-width: 120px !important;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-save-contact.dirty,
html body .b-contacts-content.modal.xmail-contacts-ui .button-save-contact.no-disabled.dirty {
  background: var(--xmail-accent, #e11d48) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-ico,
html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-ico svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
  flex: 0 0 auto !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .btn [class^="icon-"],
html body .b-contacts-content.modal.xmail-contacts-ui .btn [class*=" icon-"],
html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu [class^="icon-"],
html body .b-contacts-content.modal.xmail-contacts-ui .control-label [class^="icon-"] {
  display: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-header-toolbar .close,
html body .b-contacts-content.modal.xmail-contacts-ui .b-header-toolbar .close-custom {
  float: none !important;
  order: 99 !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--xmail-muted, #a1a1aa) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-header-toolbar .close:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .modal-body {
  background: var(--xmail-bg-deep, #0f0f11) !important;
  background-color: var(--xmail-bg-deep, #0f0f11) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Colonna lista */
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar {
  width: 300px !important;
  height: 60px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  background: var(--xmail-bg-deep, #121214) !important;
  border: none !important;
  box-shadow: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar .xmail-contacts-search-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar .xmail-contacts-search-wrap .xmail-contacts-ico {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  color: var(--xmail-muted-2, #71717a) !important;
  pointer-events: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar .e-search {
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px 0 38px !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.055)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  font-family: inherit !important;
  outline: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar .e-search:focus {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xmail-accent, #e11d48) 45%, transparent) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar .e-search::placeholder {
  color: var(--xmail-muted-2, #71717a) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content {
  top: 60px !important;
  bottom: 56px !important;
  width: 300px !important;
  left: 0 !important;
  background: var(--xmail-bg-deep, #121214) !important;
  border: none !important;
  border-right: none !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04) !important;
  padding: 4px 8px 8px !important;
  box-sizing: border-box !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .content,
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .content-wrapper {
  background: transparent !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .listClear {
  background: transparent !important;
  color: var(--xmail-accent-text, #fb7185) !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .listEmptyList,
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .listEmptyListLoading,
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .listEmptySearchList {
  color: var(--xmail-muted-2, #71717a) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  padding: 56px 18px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-footer-toolbar {
  width: 300px !important;
  height: 56px !important;
  background: var(--xmail-bg-deep, #121214) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-list-footer-toolbar .footer-pager {
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Card contatto in lista */
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item,
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .e-contact-item {
  height: auto !important;
  max-height: none !important;
  min-height: 64px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  overflow: hidden !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.045)) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item.selected,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item.selected.focused {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 14%, transparent) !important;
  box-shadow: inset 3px 0 0 var(--xmail-accent, #e11d48) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .sidebarParent,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item.checked .sidebarParent,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item.selected .sidebarParent,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item.focused .sidebarParent {
  display: none !important;
  background: transparent !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .checkedParent,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .checkboxItem,
html body .b-contacts-content.modal.xmail-contacts-ui .b-list-content .checkboxCkeckAll {
  display: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .shareParent {
  display: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .xmail-contact-avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 28%, #27272a) !important;
  border: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .nameParent {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  float: none !important;
  display: block !important;
  overflow: hidden !important;
  color: var(--xmail-text, #f4f4f5) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .listName,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .displayName,
html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .displayEmail {
  color: inherit !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .e-contact-item .checkboxMessage {
  color: var(--xmail-muted, #a1a1aa) !important;
}

/* Dettaglio / form */
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content-toolbar {
  left: 300px !important;
  right: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  border: none !important;
  box-shadow: none !important;
  text-align: right !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-direction: row-reverse !important;
  z-index: 6 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content-toolbar .btn-group {
  float: none !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 7 !important;
  pointer-events: auto !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content-toolbar .pull-right {
  float: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .button-save-contact {
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content {
  top: 60px !important;
  bottom: 0 !important;
  left: 300px !important;
  right: 0 !important;
  background: var(--xmail-bg-deep, #0f0f11) !important;
  background-color: var(--xmail-bg-deep, #0f0f11) !important;
  border: none !important;
  color: var(--xmail-text, #f4f4f5) !important;
  z-index: 1 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content .content,
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content .content-wrapper {
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  padding: 8px 18px 28px !important;
  box-sizing: border-box !important;
}

/* Empty state: solo se xmail-contacts-empty (non forzare display:flex su KO visible) */
html body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-empty .b-view-content .b-contact-view-desc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 360px !important;
  padding: 48px 28px !important;
  color: var(--xmail-muted-2, #71717a) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui:not(.xmail-contacts-empty) .b-view-content .b-contact-view-desc {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-empty .b-view-content .b-contact-view-desc::before {
  content: "" !important;
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")
    center / 28px 28px no-repeat,
    rgba(255, 255, 255, 0.05) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal.top-part {
  max-width: 560px !important;
  margin: 0 auto !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-group:last-child {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contact-hero {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 4px 0 18px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  border: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contact-hero-avatar {
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 30%, #27272a) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contact-hero-meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contact-hero-label {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--xmail-muted-2, #71717a) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contact-hero-name {
  display: block !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--xmail-text-strong, #fff) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-group {
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  border: none !important;
  border-radius: 16px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.04)) !important;
  box-shadow: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-group::after {
  display: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-label,
html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-label.fix-width {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: left !important;
  color: var(--xmail-muted, #a1a1aa) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-label .xmail-contacts-ico,
html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .control-label .xmail-contacts-ico svg {
  width: 16px !important;
  height: 16px !important;
  color: var(--xmail-accent-text, #fb7185) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .controls,
html body .b-contacts-content.modal.xmail-contacts-ui .form-horizontal .controls.fix-width {
  margin-left: 0 !important;
  width: 100% !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .property-line {
  margin: 0 0 8px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .property-line:last-child {
  margin-bottom: 0 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueStatic,
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueLargeStatic,
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueTextAreaStatic {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueInput,
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueInputLarge,
html body .b-contacts-content.modal.xmail-contacts-ui .b-view-content:not(.read-only) .contactValueTextArea {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  box-sizing: border-box !important;
  caret-color: var(--xmail-accent-text, #fb7185) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .contactValueStatic,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueLargeStatic,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextAreaStatic {
  color: var(--xmail-text, #f4f4f5) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInput,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInputLarge,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextArea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: none !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  box-sizing: border-box !important;
  caret-color: var(--xmail-accent-text, #fb7185) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextArea {
  min-height: 88px !important;
  resize: vertical !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInput:hover,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInputLarge:hover,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextArea:hover,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInput:focus,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInputLarge:focus,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextArea:focus {
  background: rgba(0, 0, 0, 0.38) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xmail-accent, #e11d48) 40%, transparent) !important;
  outline: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInput::placeholder,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueInputLarge::placeholder,
html body .b-contacts-content.modal.xmail-contacts-ui .contactValueTextArea::placeholder {
  color: var(--xmail-muted-2, #71717a) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .add-link,
html body .b-contacts-content.modal.xmail-contacts-ui .g-ui-link.add-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
  padding: 6px 0 !important;
  color: var(--xmail-accent-text, #fb7185) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .add-link:hover {
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu {
  background: var(--xmail-surface-solid, #18181b) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  padding: 6px !important;
  margin-top: 6px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu .e-link,
html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu li > a,
html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu .menuitem {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  color: var(--xmail-text, #e4e4e7) !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu .e-link:hover,
html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu li > a:hover {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu .divider {
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  border: none !important;
  margin: 4px 8px !important;
  height: 1px !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .dropdown-menu .xmail-contacts-ico {
  color: var(--xmail-muted, #a1a1aa) !important;
}

/* Pager */
html body .b-contacts-content.modal.xmail-contacts-ui .e-pagenator a,
html body .b-contacts-content.modal.xmail-contacts-ui .pagination a,
html body .b-contacts-content.modal.xmail-contacts-ui .pagination li > a {
  border: none !important;
  border-radius: 10px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text-soft, #d4d4d8) !important;
  box-shadow: none !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .pagination .active a,
html body .b-contacts-content.modal.xmail-contacts-ui .e-pagenator .active a {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 28%, transparent) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
}

/* Mobile rubrica */
html.xmail-mobile body .b-contacts-content.modal,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui,
html.xmail-mobile body > .rl-view-model.RL-PopupsContacts .b-contacts-content.modal {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .b-list-toolbar,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .b-list-content,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .b-list-footer-toolbar {
  width: 100% !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .b-view-content-toolbar,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .b-view-content {
  left: 0 !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui:not(.xmail-contacts-detail) .b-view-content-toolbar,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui:not(.xmail-contacts-detail) .b-view-content {
  display: none !important;
  visibility: hidden !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .b-list-toolbar,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .b-list-content,
html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .b-list-footer-toolbar {
  display: none !important;
  visibility: hidden !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .b-view-content-toolbar {
  top: 56px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  box-sizing: border-box !important;
  z-index: 6 !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .b-view-content {
  top: 116px !important;
  z-index: 1 !important;
}

/* Aggiungi contatto dalla mail + toast */
.xmail-msg-from-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
}

.xmail-add-contact-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: none !important;
  border-radius: 999px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.07)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.xmail-add-contact-btn:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.12)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

.xmail-add-contact-btn.is-added {
  background: color-mix(in srgb, var(--xmail-accent, #e11d48) 18%, transparent) !important;
  color: var(--xmail-accent-text-soft, #fecdd3) !important;
  cursor: default !important;
}

.xmail-add-contact-btn:disabled {
  opacity: 0.55 !important;
  cursor: wait !important;
}

.xmail-add-contact-ico,
.xmail-add-contact-ico svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 auto !important;
}

html.xmail-mobile body #rl-app .messageView .xmail-msg-from-actions {
  margin-top: 12px !important;
}

html.xmail-mobile body #rl-app .messageView .xmail-add-contact-btn {
  height: 36px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}

.xmail-toast {
  position: fixed !important;
  left: 50% !important;
  bottom: max(24px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) translateY(16px) !important;
  z-index: 20000 !important;
  max-width: min(92vw, 360px) !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  background: var(--xmail-menu-solid, rgba(24, 24, 27, 0.96)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.xmail-toast.is-visible {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

.xmail-toast.is-error {
  background: rgba(127, 29, 29, 0.96) !important;
  color: #fecaca !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .button-create-contact .i18n {
  display: none !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-back {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 4px 0 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06)) !important;
  color: var(--xmail-text, #f4f4f5) !important;
  cursor: pointer !important;
}

html body .b-contacts-content.modal.xmail-contacts-ui .xmail-contacts-back {
  display: none !important;
}

html.xmail-mobile body .b-contacts-content.modal.xmail-contacts-ui.xmail-contacts-detail .xmail-contacts-back {
  display: inline-grid !important;
}

html.ssm-state-tablet .b-contacts-content.modal.xmail-contacts-ui,
html.ssm-state-mobile .b-contacts-content.modal.xmail-contacts-ui,
html.ssm-state-desktop .b-contacts-content.modal.xmail-contacts-ui,
html.ssm-state-desktop-large .b-contacts-content.modal.xmail-contacts-ui {
  width: min(1080px, calc(100vw - 40px)) !important;
}

/* ══════════════════════════════════════════════════════
   Paginazione — footer lista messaggi
   ══════════════════════════════════════════════════════ */
html body #rl-app .messageList .b-footer {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 120 !important;
  min-height: 52px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-top: 1px solid var(--xmail-divider, rgba(255, 255, 255, 0.08)) !important;
  background: var(--xmail-surface-solid, #141416) !important;
  box-sizing: border-box !important;
}

/* Wrapper stock del pagenator: da float a flex centrato */
html body #rl-app .messageList .b-footer .pull-right {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* Quota account: a destra, fuori dal flusso della paginazione */
html body #rl-app .messageList .b-footer .e-quota {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.5)) !important;
  pointer-events: auto !important;
}

/* Gruppo numeri: pill container per integrarsi col resto della UI */
html body #rl-app .messageList .b-footer .e-pagenator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  float: none !important;
  margin: 0 !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.6)) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.14s ease, color 0.14s ease !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page .e-page-number {
  font-size: inherit !important;
  color: inherit !important;
  border: none !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page:hover .e-page-number {
  color: inherit !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page.current {
  background: var(--xmail-accent, #e11d48) !important;
  color: #fff !important;
  cursor: default !important;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--xmail-accent, #e11d48) 40%, transparent) !important;
}

html body #rl-app .messageList .b-footer .e-pagenator .e-page.current .e-page-number {
  font-size: inherit !important;
  color: inherit !important;
  border-bottom: none !important;
}

/* Pagine "..." (espansione intervalli) */
html body #rl-app .messageList .b-footer .e-pagenator .e-page.custom {
  color: var(--xmail-muted, rgba(255, 255, 255, 0.45)) !important;
  letter-spacing: 0.08em !important;
}

/* Frecce precedente/successiva (xmail-features.js) */
html body #rl-app .messageList .b-footer .xmail-pager-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.05)) !important;
  color: var(--xmail-text-soft, rgba(245, 247, 252, 0.8)) !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background 0.14s ease, color 0.14s ease !important;
}

html body #rl-app .messageList .b-footer .xmail-pager-btn:hover:not(:disabled) {
  background: var(--xmail-btn-bg, rgba(225, 29, 72, 0.14)) !important;
  color: var(--xmail-text-strong, #fff) !important;
}

html body #rl-app .messageList .b-footer .xmail-pager-btn:disabled {
  opacity: 0.32 !important;
  cursor: default !important;
}

html body #rl-app .messageList .b-footer .xmail-pager-btn[hidden] {
  display: none !important;
}

html body #rl-app .messageList .b-footer .xmail-pager-btn svg {
  display: block !important;
}

/* Contatore "Pagina X di Y" (xmail-features.js) */
.messageList .b-footer .xmail-pager-counter {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: "Outfit", "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.55)) !important;
  pointer-events: none !important;
}

.messageList .b-footer .xmail-pager-counter[hidden] {
  display: none !important;
}

html.xmail-theme-light .messageList .b-footer .xmail-pager-counter {
  color: rgba(15, 23, 42, 0.55) !important;
}

/* Lista stretta (desktop split view): il contatore assoluto si
   sovrapporrebbe alle frecce — nascosto via JS con .is-tight */
.messageList .b-footer .xmail-pager-counter.is-tight {
  display: none !important;
}

/* Mobile: touch target ampi, contatore compatto inline */
html.xmail-mobile body #rl-app .messageList .b-footer {
  min-height: 60px !important;
  gap: 6px !important;
  padding: 8px 10px !important;
}

html.xmail-mobile body #rl-app .messageList .b-footer .e-pagenator .e-page {
  min-width: 38px !important;
  height: 38px !important;
  font-size: 14px !important;
}

html.xmail-mobile body #rl-app .messageList .b-footer .xmail-pager-btn {
  width: 42px !important;
  height: 42px !important;
}

html.xmail-mobile .messageList .b-footer .xmail-pager-counter {
  position: static !important;
  transform: none !important;
  order: 10 !important;
  margin-left: 4px !important;
  font-size: 12.5px !important;
}

/* Su mobile la quota si sovrapporrebbe al contatore compatto */
html.xmail-mobile body #rl-app .messageList .b-footer .e-quota {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   Scorciatoie da tastiera — pannello aiuto
   ══════════════════════════════════════════════════════ */
.xmail-shortcuts-help {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
}

.xmail-shortcuts-help[hidden] {
  display: none !important;
}

.xmail-shortcuts-panel {
  width: min(420px, 100%);
  border-radius: 16px;
  background: var(--xmail-surface-solid, #12161f);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.xmail-shortcuts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--xmail-text, #f4f4f5);
}

.xmail-shortcuts-close {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--xmail-text, #f4f4f5);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.xmail-shortcuts-list {
  list-style: none;
  margin: 0;
  padding: 10px 0 14px;
}

.xmail-shortcuts-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 18px;
  color: var(--xmail-text-soft, rgba(255, 255, 255, 0.75));
  font-size: 13px;
}

.xmail-shortcuts-list kbd {
  min-width: 28px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--xmail-text, #f4f4f5);
  font-family: inherit;
  font-size: 12px;
  text-align: center;
}

/* ══════════════════════════════════════════════════════
   Diagnostica UI
   ══════════════════════════════════════════════════════ */
.xmail-diagnostics {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 19999;
  width: min(360px, calc(100vw - 32px));
}

.xmail-diagnostics[hidden] {
  display: none !important;
}

.xmail-diagnostics-panel {
  border-radius: 12px;
  background: var(--xmail-menu-solid, rgba(10, 12, 18, 0.94));
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.xmail-diagnostics-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--xmail-text, #f4f4f5);
  font-size: 13px;
}

.xmail-diagnostics-close {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--xmail-text, #f4f4f5);
  cursor: pointer;
}

.xmail-diagnostics-body {
  margin: 0;
  padding: 10px 12px;
  max-height: 240px;
  overflow: auto;
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  font-size: 11px;
  line-height: 1.45;
  color: var(--xmail-text-soft, rgba(255, 255, 255, 0.72));
  white-space: pre-wrap;
}

.xmail-diagnostics-foot {
  padding: 6px 12px 10px;
  font-size: 10px;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.4));
}

/* ══════════════════════════════════════════════════════
   Compose — stato salvataggio bozza
   ══════════════════════════════════════════════════════ */
.b-compose .xmail-compose-save-status {
  margin-left: 10px;
  font-size: 11px;
  font-weight: 500;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.55));
  white-space: nowrap;
}

html.xmail-compose-mockup-on .b-compose .xmail-compose-save-status {
  align-self: center;
}

/* ══════════════════════════════════════════════════════
   Vista thread — barra navigazione
   ══════════════════════════════════════════════════════ */
.messageList .xmail-thread-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.03));
}

.messageList .xmail-thread-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 10px;
  padding: 8px 12px;
  background: var(--xmail-hover-bg, rgba(255, 255, 255, 0.06));
  color: var(--xmail-text, #f4f4f5);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.messageList .xmail-thread-back:hover {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1));
}

.messageList .xmail-thread-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--xmail-muted, rgba(255, 255, 255, 0.45));
}

/* ══════════════════════════════════════════════════════
   Lightbox allegati immagine
   ══════════════════════════════════════════════════════ */
.xmail-lightbox {
  position: fixed;
  inset: 0;
  z-index: 25000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(6px);
}

.xmail-lightbox[hidden] {
  display: none !important;
}

.xmail-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 10px;
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.1));
  color: var(--xmail-text-strong, #fff);
  font-size: 24px;
  cursor: pointer;
}

.xmail-lightbox-img {
  max-width: min(96vw, 1200px);
  max-height: calc(100vh - 120px);
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.xmail-lightbox-cap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90vw;
  padding: 8px 14px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.55);
  color: var(--xmail-text, #f4f4f5);
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ══════════════════════════════════════════════════════
   Mobile FAB — Scrivi
   ══════════════════════════════════════════════════════ */
.xmail-fab-compose {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1200;
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--xmail-accent, #e11d48);
  color: var(--xmail-text-strong, #fff);
  box-shadow: 0 12px 32px rgba(225, 29, 72, 0.45);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.xmail-fab-compose[hidden] {
  display: none !important;
}

.xmail-fab-compose:hover {
  transform: scale(1.04);
  box-shadow: 0 14px 36px rgba(225, 29, 72, 0.55);
}

.xmail-fab-compose:active {
  transform: scale(0.98);
}

html.xmail-compose-open .xmail-fab-compose,
html.xmail-settings-open .xmail-fab-compose,
html.xmail-mobile.xmail-message-open .xmail-fab-compose {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   v141 — Mobile-first distraction free
   ══════════════════════════════════════════════════════ */

/* Pulsante back nel viewer: solo mobile, a sinistra della barra azioni */
.xmail-mobile-back {
  display: none;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar .xmail-mobile-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--xmail-text, #f4f4f5) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

html.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar .xmail-mobile-back:active {
  background: var(--xmail-hover-bg-strong, rgba(255, 255, 255, 0.08)) !important;
}

/* Messaggio aperto su mobile: viewer full-screen, lista fuori scena */
html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app #rl-sub-left {
  display: none !important;
  pointer-events: none !important;
}

html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app #rl-sub-right {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

html.xmail-mobile.xmail-message-open:not(.xmail-compose-open) body #rl-app .messageView {
  position: absolute !important;
  inset: 0 !important;
  z-index: 15 !important;
}

/* Divider della barra azioni coerente col tema */
html.xmail-theme-light.xmail-mobile body #rl-app .messageView .message-fixed-button-toolbar,
html.xmail-theme-light.xmail-mobile body #rl-app .messageView .xmail-mobile-msg-actions {
  border-bottom-color: var(--xmail-divider, rgba(15, 23, 42, 0.08)) !important;
}

html.xmail-theme-light.xmail-mobile body #rl-app .messageView .messageItemHeader,
html.xmail-theme-light.xmail-mobile body #rl-app .messageView .xmail-mobile-msg-header {
  border-bottom-color: var(--xmail-divider, rgba(15, 23, 42, 0.08)) !important;
}

/* Lista mobile: meno rumore — niente checkbox a riposo, tap target pieni */
html.xmail-mobile body #rl-app .messageList .checkboxCkeckAll {
  display: none !important;
}

html.xmail-mobile:not(.xmail-has-selection) body #rl-app .messageList .messageListItem .checkedParent {
  opacity: 0.4 !important;
}

html.xmail-mobile.xmail-has-selection body #rl-app .messageList .messageListItem .checkedParent {
  opacity: 1 !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .checkedParent {
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.xmail-mobile body #rl-app .messageList .messageListItem .flagParent {
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Impostazioni mobile: form touch-first */
html.xmail-mobile.xmail-settings-open body .b-settings-content input[type="text"],
html.xmail-mobile.xmail-settings-open body .b-settings-content input[type="email"],
html.xmail-mobile.xmail-settings-open body .b-settings-content input[type="password"],
html.xmail-mobile.xmail-settings-open body .b-settings-content select,
html.xmail-mobile.xmail-settings-open body .b-settings-content textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content select {
  padding: 10px 12px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .btn {
  min-height: 44px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .checkbox,
html.xmail-mobile.xmail-settings-open body .b-settings-content label.checkbox {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content legend {
  font-size: 18px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  border: none !important;
  margin: 18px 0 10px !important;
}

/* Gestore cartelle in impostazioni: righe touch */
html.xmail-mobile.xmail-settings-open body .b-settings-folders .e-item,
html.xmail-mobile.xmail-settings-open body .b-settings-folders .folder-item {
  min-height: 52px !important;
  font-size: 15px !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-folders .e-item .btn,
html.xmail-mobile.xmail-settings-open body .b-settings-folders .folder-item .btn {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
}

/* Menu impostazioni (drawer): voci grandi, separatori soft */
html.xmail-mobile.xmail-settings-open body .b-settings-menu .e-item .e-link,
html.xmail-mobile.xmail-settings-open body .b-settings-menu a {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 18px !important;
  font-size: 16px !important;
}

/* Safe area in fondo ai contenuti scrollabili */
html.xmail-mobile.xmail-settings-open body .b-settins-right .b-settings-content,
html.xmail-mobile.xmail-settings-open body .xmail-settings-body {
  padding-bottom: max(48px, env(safe-area-inset-bottom, 0px)) !important;
}

html.xmail-mobile body #rl-app .messageView .b-content {
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}

/* ══════════════════════════════════════════════════════
   Mailbox visibile — pannelli opachi, niente overlay login
   ══════════════════════════════════════════════════════ */
html.xmail-navbar-ready #xmail-login-bg,
html.xmail-navbar-ready.xmail-login-bg-on #xmail-login-bg {
  display: none !important;
}

html.xmail-navbar-ready,
html.xmail-navbar-ready body {
  background-image: none !important;
}

html.xmail-navbar-ready body #rl-app,
html.xmail-navbar-ready body #rl-content,
html.xmail-navbar-ready body #rl-center {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.xmail-navbar-ready body #rl-left,
html.xmail-navbar-ready body #rl-app #rl-left,
html.xmail-navbar-ready body #rl-app .b-folders {
  background: var(--xmail-surface-solid, #141416) !important;
  background-image: none !important;
}

html.xmail-navbar-ready:not(.xmail-mobile):not(.xmail-compose-open):not(.xmail-settings-open) body #rl-app #rl-sub-left {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: var(--xmail-list-w, 400px) !important;
  min-width: 280px !important;
  max-width: none !important;
}

html.xmail-navbar-ready body #rl-app #rl-sub-left,
html.xmail-navbar-ready body #rl-app .messageList,
html.xmail-navbar-ready body #rl-app .messageList .b-message-list-wrapper {
  background: var(--xmail-surface-solid, #141416) !important;
  background-image: none !important;
}

html.xmail-navbar-ready body #rl-app #rl-sub-right,
html.xmail-navbar-ready body #rl-app .messageView,
html.xmail-navbar-ready body #rl-app .messageView .b-message-view-wrapper,
html.xmail-navbar-ready body #rl-app .messageView .b-content {
  background: var(--xmail-surface-2, #1a1a1c) !important;
  background-image: none !important;
}

html.xmail-theme-light.xmail-navbar-ready body #rl-left,
html.xmail-theme-light.xmail-navbar-ready body #rl-app #rl-left,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .b-folders,
html.xmail-theme-light.xmail-navbar-ready body #rl-app #rl-sub-left,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .messageList,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .messageList .b-message-list-wrapper {
  background: var(--xmail-surface-solid, #ffffff) !important;
}

html.xmail-theme-light.xmail-navbar-ready body #rl-app #rl-sub-right,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .messageView,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .messageView .b-message-view-wrapper,
html.xmail-theme-light.xmail-navbar-ready body #rl-app .messageView .b-content {
  background: var(--xmail-surface-solid, #ffffff) !important;
}

/* ══════════════════════════════════════════════════════
   v153 — Mobile polish: email responsive, impostazioni, safe-area
   ══════════════════════════════════════════════════════ */

html.xmail-mobile #xmail-navbar {
  height: var(--xmail-nav-h, 56px) !important;
  min-height: var(--xmail-nav-h, 56px) !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  box-sizing: border-box !important;
}

html.xmail-mobile body #rl-app #rl-center {
  top: var(--xmail-nav-h, 56px) !important;
}

html.xmail-mobile body #rl-app #rl-left,
html.xmail-mobile body #rl-app #rl-right {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
}

/* Viewer: sempre opaco e visibile in lettura */
html.xmail-mobile.xmail-message-open body #rl-app .messageView.message-selected .b-content,
html.xmail-mobile.xmail-message-open body #rl-app .messageView.message-selected .b-message-view-wrapper,
html.xmail-mobile.xmail-mobile-reading body #rl-app .messageView .b-content,
html.xmail-mobile.xmail-mobile-reading body #rl-app .messageView .b-message-view-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Corpo email: niente overflow orizzontale, tabelle e media fluidi */
html.xmail-mobile body #rl-app .messageView .messageItem .g-scrollbox,
html.xmail-mobile body #rl-app .messageView .messageItem .content-wrapper,
html.xmail-mobile body #rl-app .messageView .messageItem .content-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText.rl-mv-root {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText td,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText th {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText img,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText video,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText iframe,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText embed,
html.xmail-mobile body #rl-app .messageView .messageItem .bodyText object {
  max-width: 100% !important;
  height: auto !important;
}

html.xmail-mobile body #rl-app .messageView .messageItem .bodyText pre {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-x: auto !important;
  max-width: 100% !important;
}

/* Impostazioni mobile: contenuto full-bleed, niente padding desktop */
html.xmail-mobile.xmail-settings-open body #rl-app .b-settins-right .b-settings-content,
html.xmail-mobile.xmail-settings-open body #rl-app .xmail-settings-body,
html.xmail-mobile.xmail-settings-open body #rl-app .b-settings-content {
  max-width: none !important;
  width: 100% !important;
  padding-left: max(16px, env(safe-area-inset-left)) !important;
  padding-right: max(16px, env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.xmail-mobile.xmail-settings-open.rl-left-panel-disabled:not(.xmail-settings-panel-open)
  body
  #rl-app
  .b-settings
  .b-content {
  padding-top: 52px !important;
}

html.xmail-mobile.xmail-settings-open body #rl-app .b-settings .b-toolbar,
html.xmail-mobile.xmail-settings-open body .xmail-settings-toolbar {
  padding-left: max(16px, env(safe-area-inset-left)) !important;
  padding-right: max(16px, env(safe-area-inset-right)) !important;
}

html.xmail-mobile.xmail-settings-open.xmail-settings-panel-open #rl-left,
html.xmail-mobile.xmail-settings-open.xmail-settings-panel-open body #rl-app #rl-left {
  width: min(88vw, 300px) !important;
  min-width: min(88vw, 300px) !important;
  max-width: min(88vw, 300px) !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 70 !important;
}

html.xmail-mobile.xmail-settings-open.xmail-settings-panel-open #xmail-settings-mobile-open {
  display: none !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .list-table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .input-append,
html.xmail-mobile.xmail-settings-open body .b-settings-content .input-prepend,
html.xmail-mobile.xmail-settings-open body .b-settings-content .controls-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html.xmail-mobile.xmail-settings-open body .b-settings-content .input-append input,
html.xmail-mobile.xmail-settings-open body .b-settings-content .input-prepend input {
  flex: 1 1 160px !important;
  min-width: 0 !important;
}

html.xmail-mobile.xmail-settings-open body .xmail-bg-card,
html.xmail-mobile.xmail-settings-open body .xmail-settings-section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}