/* WMP COMPOSE MODERN UI V2
   UI-only Compose polish for WebmailPlus/Roundcube.
   No sending, queue, worker, token, DB, cron or systemd logic touched. */

body {
  --wmp-cmp-primary: var(--color-main, #0b83bd);
  --wmp-cmp-primary-hover: #0a6f9f;
  --wmp-cmp-primary-text: #ffffff;
  --wmp-cmp-bg: var(--layout-content-bg-color, #f6f8fb);
  --wmp-cmp-surface: var(--box-bg-color, #ffffff);
  --wmp-cmp-surface-soft: #f3f6fb;
  --wmp-cmp-border: var(--layout-border-color, rgba(120, 130, 150, .24));
  --wmp-cmp-text: var(--text-color, #202124);
  --wmp-cmp-muted: var(--secondary-text-color, #6b7280);
  --wmp-cmp-field: var(--input-bg-color, #ffffff);
  --wmp-cmp-radius-lg: 16px;
  --wmp-cmp-radius-md: 10px;
  --wmp-cmp-shadow: 0 10px 26px rgba(15, 23, 42, .09);
}

html.dark-mode body,
body.dark-mode,
body.theme-dark,
body.dark,
body[data-theme="dark"],
body.skin-elastic {
  --wmp-cmp-bg: var(--layout-content-bg-color, #1f2b2f);
  --wmp-cmp-surface: var(--box-bg-color, #223237);
  --wmp-cmp-surface-soft: #1d2a2f;
  --wmp-cmp-border: rgba(170, 190, 198, .24);
  --wmp-cmp-text: var(--text-color, #dce7eb);
  --wmp-cmp-muted: var(--secondary-text-color, #aab8bd);
  --wmp-cmp-field: var(--input-bg-color, #1b282d);
  --wmp-cmp-shadow: 0 14px 32px rgba(0, 0, 0, .24);
}

body.action-compose #layout-content,
body.task-mail.action-compose #layout-content,
body.action-compose #compose-content,
body.task-mail.action-compose #compose-content,
body.action-compose #composeform,
body.task-mail.action-compose #composeform {
  background: var(--wmp-cmp-bg);
}

/* Main compose top toolbar */
body.action-compose #messagetoolbar,
body.action-compose #compose-toolbar,
body.action-compose .toolbar,
body.task-mail.action-compose #messagetoolbar,
body.task-mail.action-compose #compose-toolbar,
body.task-mail.action-compose .toolbar {
  background: var(--wmp-cmp-surface) !important;
  border-bottom: 1px solid var(--wmp-cmp-border) !important;
  box-shadow: none !important;
}

body.action-compose .toolbar a,
body.action-compose .toolbar button,
body.action-compose .toolbar .button,
body.task-mail.action-compose .toolbar a,
body.task-mail.action-compose .toolbar button,
body.task-mail.action-compose .toolbar .button {
  border-radius: 999px !important;
}

/* Scheduling row modernized */
body.action-compose .wmp-schedule-panel,
body.task-mail.action-compose .wmp-schedule-panel {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: var(--wmp-cmp-surface-soft) !important;
  border: 1px solid var(--wmp-cmp-border) !important;
  color: var(--wmp-cmp-text) !important;
  border-radius: var(--wmp-cmp-radius-lg) !important;
  padding: 8px 10px !important;
  margin: 10px 12px 8px 12px !important;
  box-shadow: none !important;
  min-height: 42px !important;
}

body.action-compose .wmp-schedule-panel *,
body.task-mail.action-compose .wmp-schedule-panel * {
  box-shadow: none !important;
}

body.action-compose .wmp-schedule-label,
body.task-mail.action-compose .wmp-schedule-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--wmp-cmp-muted) !important;
  margin: 0 2px 0 2px !important;
  white-space: nowrap !important;
}

body.action-compose .wmp-schedule-panel input,
body.action-compose .wmp-schedule-panel select,
body.task-mail.action-compose .wmp-schedule-panel input,
body.task-mail.action-compose .wmp-schedule-panel select {
  background: var(--wmp-cmp-field) !important;
  color: var(--wmp-cmp-text) !important;
  border: 1px solid var(--wmp-cmp-border) !important;
  border-radius: var(--wmp-cmp-radius-md) !important;
  min-height: 34px !important;
  padding: 5px 9px !important;
}

/* Send action group */
body.action-compose .wmp-compose-send-actions,
body.task-mail.action-compose .wmp-compose-send-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-right: 10px !important;
  white-space: nowrap !important;
}

body.action-compose .wmp-compose-send-actions a,
body.action-compose .wmp-compose-send-actions button,
body.action-compose .wmp-compose-send-actions input[type="button"],
body.action-compose .wmp-compose-send-actions input[type="submit"],
body.task-mail.action-compose .wmp-compose-send-actions a,
body.task-mail.action-compose .wmp-compose-send-actions button,
body.task-mail.action-compose .wmp-compose-send-actions input[type="button"],
body.task-mail.action-compose .wmp-compose-send-actions input[type="submit"] {
  min-height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.action-compose [data-wmp-action="send-now"],
body.task-mail.action-compose [data-wmp-action="send-now"] {
  background: var(--wmp-cmp-primary) !important;
  border-color: var(--wmp-cmp-primary) !important;
  color: var(--wmp-cmp-primary-text) !important;
}

body.action-compose [data-wmp-action="send-now"]:hover,
body.task-mail.action-compose [data-wmp-action="send-now"]:hover {
  background: var(--wmp-cmp-primary-hover) !important;
  border-color: var(--wmp-cmp-primary-hover) !important;
}

body.action-compose [data-wmp-action="send-later"],
body.task-mail.action-compose [data-wmp-action="send-later"] {
  background: transparent !important;
  border: 1px solid var(--wmp-cmp-border) !important;
  color: var(--wmp-cmp-text) !important;
}

body.action-compose [data-wmp-action="send-later"]:hover,
body.task-mail.action-compose [data-wmp-action="send-later"]:hover {
  border-color: var(--wmp-cmp-primary) !important;
  color: var(--wmp-cmp-text) !important;
}

/* Header fields: From / To / Subject */
body.action-compose #composeheaders,
body.action-compose .compose-headers,
body.action-compose table.compose-headers,
body.task-mail.action-compose #composeheaders,
body.task-mail.action-compose .compose-headers,
body.task-mail.action-compose table.compose-headers {
  background: transparent !important;
  color: var(--wmp-cmp-text) !important;
}

body.action-compose #composeheaders input,
body.action-compose #composeheaders select,
body.action-compose #composeheaders textarea,
body.action-compose .compose-headers input,
body.action-compose .compose-headers select,
body.action-compose .compose-headers textarea,
body.action-compose input[name="_subject"],
body.action-compose input[name="_from"],
body.action-compose input[name="_to"],
body.action-compose input[name="_cc"],
body.action-compose input[name="_bcc"],
body.task-mail.action-compose #composeheaders input,
body.task-mail.action-compose #composeheaders select,
body.task-mail.action-compose #composeheaders textarea,
body.task-mail.action-compose .compose-headers input,
body.task-mail.action-compose .compose-headers select,
body.task-mail.action-compose .compose-headers textarea,
body.task-mail.action-compose input[name="_subject"],
body.task-mail.action-compose input[name="_from"],
body.task-mail.action-compose input[name="_to"],
body.task-mail.action-compose input[name="_cc"],
body.task-mail.action-compose input[name="_bcc"] {
  background: var(--wmp-cmp-field) !important;
  color: var(--wmp-cmp-text) !important;
  border: 1px solid var(--wmp-cmp-border) !important;
  border-radius: var(--wmp-cmp-radius-md) !important;
  min-height: 36px !important;
}

/* Editor: preserve function, soften frame */
body.action-compose textarea[name="_message"],
body.action-compose #composebody,
body.action-compose .tox-tinymce,
body.action-compose .cke_chrome,
body.task-mail.action-compose textarea[name="_message"],
body.task-mail.action-compose #composebody,
body.task-mail.action-compose .tox-tinymce,
body.task-mail.action-compose .cke_chrome {
  border-color: var(--wmp-cmp-border) !important;
  border-radius: 0 0 var(--wmp-cmp-radius-md) var(--wmp-cmp-radius-md) !important;
}

/* Right sidebar calmer */
body.action-compose #layout-sidebar,
body.task-mail.action-compose #layout-sidebar {
  background: var(--wmp-cmp-bg) !important;
}

body.action-compose #composeoptions,
body.action-compose .compose-options,
body.action-compose #compose-attachments,
body.action-compose .attachmentslist,
body.action-compose #layout-sidebar .box,
body.task-mail.action-compose #composeoptions,
body.task-mail.action-compose .compose-options,
body.task-mail.action-compose #compose-attachments,
body.task-mail.action-compose .attachmentslist,
body.task-mail.action-compose #layout-sidebar .box {
  background: var(--wmp-cmp-surface) !important;
  border-color: var(--wmp-cmp-border) !important;
  border-radius: var(--wmp-cmp-radius-lg) !important;
}

body.action-compose #layout-sidebar button,
body.action-compose #layout-sidebar a.button,
body.task-mail.action-compose #layout-sidebar button,
body.task-mail.action-compose #layout-sidebar a.button {
  border-radius: 999px !important;
}

/* Hide old bottom visual gap if send button was moved */
body.action-compose .wmp-send-original-placeholder,
body.task-mail.action-compose .wmp-send-original-placeholder {
  display: none !important;
}

@media (max-width: 760px) {
  body.action-compose .wmp-schedule-panel,
  body.task-mail.action-compose .wmp-schedule-panel {
    align-items: stretch !important;
  }

  body.action-compose .wmp-compose-send-actions,
  body.task-mail.action-compose .wmp-compose-send-actions {
    width: 100% !important;
    margin-right: 0 !important;
  }

  body.action-compose .wmp-compose-send-actions > *,
  body.task-mail.action-compose .wmp-compose-send-actions > * {
    flex: 1 1 auto !important;
  }
}

/* WMP COMPOSE MODERN UI V3 SEND GROUP */
body.action-compose .wmp-compose-send-actions [data-wmp-action="send-now"],
body.task-mail.action-compose .wmp-compose-send-actions [data-wmp-action="send-now"],
body.action-compose .wmp-compose-send-actions [data-wmp-action="send-later"],
body.task-mail.action-compose .wmp-compose-send-actions [data-wmp-action="send-later"] {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  min-width: auto !important;
}

body.action-compose .wmp-compose-send-actions [data-wmp-action="send-now"],
body.task-mail.action-compose .wmp-compose-send-actions [data-wmp-action="send-now"] {
  background: var(--wmp-cmp-primary) !important;
  border-color: var(--wmp-cmp-primary) !important;
  color: var(--wmp-cmp-primary-text) !important;
}

body.action-compose .wmp-compose-send-actions .wmp-send-proxy,
body.task-mail.action-compose .wmp-compose-send-actions .wmp-send-proxy {
  cursor: pointer !important;
}

/* WMP COMPOSE FLAT MODE V30A
   Ziel: weniger verkapselt/verschachtelt, flacher Compose-Workspace.
   CSS-only. Keine Funktionslogik. */

/* Compose-Grundfläche: weniger Kartenoptik, mehr Schreibfläche */
body.task-mail.action-compose #layout-content,
body.action-compose #layout-content,
body.task-mail.action-compose #messagestack,
body.action-compose #messagestack {
  background: #142326 !important;
}

/* Hauptbereich optisch beruhigen */
body.task-mail.action-compose #compose-content,
body.action-compose #compose-content,
body.task-mail.action-compose #composeview-left,
body.action-compose #composeview-left,
body.task-mail.action-compose #composeview-right,
body.action-compose #composeview-right {
  box-shadow: none !important;
}

/* Senden-/Planen-/KI-Leiste flacher, nicht als harte Box */
body.task-mail.action-compose .wmp-compose-modern-bar,
body.action-compose .wmp-compose-modern-bar,
body.task-mail.action-compose #wmp-compose-modern-bar,
body.action-compose #wmp-compose-modern-bar,
body.task-mail.action-compose .wmp-compose-actions,
body.action-compose .wmp-compose-actions {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(160, 185, 192, .18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 12px 0 !important;
  padding: 10px 14px !important;
}

/* Von/An/Betreff: weg von Box-in-Box, ruhiger Linienlook */
body.task-mail.action-compose #composeheaders,
body.action-compose #composeheaders,
body.task-mail.action-compose .formcontent,
body.action-compose .formcontent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.task-mail.action-compose #composeheaders .form-group,
body.action-compose #composeheaders .form-group,
body.task-mail.action-compose .formcontent .row,
body.action-compose .formcontent .row {
  border-bottom: 1px solid rgba(150, 175, 182, .18) !important;
  margin: 0 !important;
  padding: 7px 0 !important;
}

/* Input-Felder flacher machen */
body.task-mail.action-compose input[type="text"],
body.task-mail.action-compose input[type="email"],
body.task-mail.action-compose textarea,
body.action-compose input[type="text"],
body.action-compose input[type="email"],
body.action-compose textarea,
body.task-mail.action-compose .recipient-input,
body.action-compose .recipient-input,
body.task-mail.action-compose #compose-subject,
body.action-compose #compose-subject {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.task-mail.action-compose input[type="text"]:focus,
body.task-mail.action-compose input[type="email"]:focus,
body.action-compose input[type="text"]:focus,
body.action-compose input[type="email"]:focus,
body.task-mail.action-compose #compose-subject:focus,
body.action-compose #compose-subject:focus {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(20,148,210,.55) !important;
  box-shadow: 0 0 0 1px rgba(20,148,210,.22) !important;
}

/* Empfänger-Chips weniger technisch */
body.task-mail.action-compose .recipient,
body.action-compose .recipient,
body.task-mail.action-compose .recipient-input .recipient,
body.action-compose .recipient-input .recipient,
body.task-mail.action-compose .token,
body.action-compose .token {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(170,190,198,.22) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Kontakte-/Plus-Buttons ruhiger */
body.task-mail.action-compose .input-group-append .button,
body.action-compose .input-group-append .button,
body.task-mail.action-compose .input-group-text,
body.action-compose .input-group-text {
  background: transparent !important;
  border-color: rgba(160,185,192,.18) !important;
  box-shadow: none !important;
}

/* Editor-Toolbar weniger blockig */
body.task-mail.action-compose .tox .tox-toolbar,
body.task-mail.action-compose .tox .tox-toolbar__primary,
body.task-mail.action-compose .tox .tox-menubar,
body.action-compose .tox .tox-toolbar,
body.action-compose .tox .tox-toolbar__primary,
body.action-compose .tox .tox-menubar,
body.task-mail.action-compose .mce-toolbar,
body.action-compose .mce-toolbar {
  background: #24383c !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(155, 180, 188, .18) !important;
  box-shadow: none !important;
}

/* Editor-Rahmen entschärfen */
body.task-mail.action-compose .tox-tinymce,
body.action-compose .tox-tinymce,
body.task-mail.action-compose .mce-panel,
body.action-compose .mce-panel,
body.task-mail.action-compose #composebodycontainer,
body.action-compose #composebodycontainer {
  border: 1px solid rgba(150, 175, 182, .20) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Weißer Body weniger hart, aber Mailfläche bleibt klar */
body.task-mail.action-compose iframe,
body.action-compose iframe {
  background: #fff !important;
}

/* Originalnachricht / eingefügte Reply-Blöcke weniger nach Debug-Rahmen aussehen lassen */
body.task-mail.action-compose .tox-edit-area iframe,
body.action-compose .tox-edit-area iframe {
  outline: none !important;
}

/* Rechte Optionen/Anhänge-Spalte entdominieren */
body.task-mail.action-compose #compose-attachments,
body.action-compose #compose-attachments,
body.task-mail.action-compose #composeoptions,
body.action-compose #composeoptions,
body.task-mail.action-compose .compose-options,
body.action-compose .compose-options {
  background: transparent !important;
  box-shadow: none !important;
}

body.task-mail.action-compose #compose-attachments .attachment-box,
body.action-compose #compose-attachments .attachment-box,
body.task-mail.action-compose .attachmentslist,
body.action-compose .attachmentslist,
body.task-mail.action-compose .file-upload-area,
body.action-compose .file-upload-area {
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(145,170,178,.24) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Sidebar: abgeschnittene Labels weniger hässlich */
body.task-mail.action-compose #layout-menu .popover-header,
body.task-mail.action-compose #taskmenu a,
body.action-compose #taskmenu a,
body.task-mail.action-compose #taskmenu .button,
body.action-compose #taskmenu .button {
  text-overflow: ellipsis !important;
}

/* Scrollbars weniger grell */
body.task-mail.action-compose ::-webkit-scrollbar-thumb,
body.action-compose ::-webkit-scrollbar-thumb {
  background-color: rgba(65, 130, 155, .65) !important;
  border-radius: 999px !important;
}

body.task-mail.action-compose ::-webkit-scrollbar-thumb:hover,
body.action-compose ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(70, 150, 180, .78) !important;
}

/* Weniger sichtbare Rahmen im Compose-Canvas */
body.task-mail.action-compose .box,
body.action-compose .box,
body.task-mail.action-compose .card,
body.action-compose .card {
  box-shadow: none !important;
}

/* Mobile/kleinere Breiten: keine zusätzlichen Verschachtelungen erzwingen */
@media (max-width: 900px) {
  body.task-mail.action-compose .wmp-compose-modern-bar,
  body.action-compose .wmp-compose-modern-bar,
  body.task-mail.action-compose #wmp-compose-modern-bar,
  body.action-compose #wmp-compose-modern-bar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* WMP COMPOSE FLAT MODE V30B FINETUNE
   Ziel: V30A flach behalten, aber Nutzbarkeit/Wertigkeit verbessern.
   CSS-only. Keine Funktionslogik, keine Worker, keine DB. */

/* 1) Compose-Hauptfläche: klare, ruhige Arbeitszone */
body.task-mail.action-compose #compose-content,
body.action-compose #compose-content,
body.task-mail.action-compose #composeview-left,
body.action-compose #composeview-left {
  background: #16272b !important;
}

/* 2) Senden-Leiste: weniger Kasten, aber klar als Aktionszone */
body.task-mail.action-compose .wmp-compose-modern-bar,
body.action-compose .wmp-compose-modern-bar,
body.task-mail.action-compose #wmp-compose-modern-bar,
body.action-compose #wmp-compose-modern-bar,
body.task-mail.action-compose .wmp-compose-actions,
body.action-compose .wmp-compose-actions {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(150, 175, 182, .14) !important;
  border-radius: 14px !important;
  margin: 12px 18px 14px 18px !important;
  padding: 9px 14px !important;
  box-shadow: none !important;
}

/* 3) Von/An/Betreff: Feldflächen wieder sichtbar, aber nicht verschachtelt */
body.task-mail.action-compose #composeheaders,
body.action-compose #composeheaders {
  padding: 0 18px 8px 18px !important;
}

body.task-mail.action-compose #composeheaders .form-group,
body.action-compose #composeheaders .form-group,
body.task-mail.action-compose .formcontent .row,
body.action-compose .formcontent .row {
  border-bottom: 1px solid rgba(155, 180, 188, .18) !important;
  padding: 8px 0 !important;
}

/* Labels links ruhiger und hochwertiger */
body.task-mail.action-compose #composeheaders label,
body.action-compose #composeheaders label,
body.task-mail.action-compose .formcontent label,
body.action-compose .formcontent label {
  color: rgba(222, 235, 238, .88) !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
}

/* Input-Flächen: nicht unsichtbar, nicht boxig */
body.task-mail.action-compose input[type="text"],
body.task-mail.action-compose input[type="email"],
body.action-compose input[type="text"],
body.action-compose input[type="email"],
body.task-mail.action-compose #compose-subject,
body.action-compose #compose-subject,
body.task-mail.action-compose .recipient-input,
body.action-compose .recipient-input {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(150, 175, 182, .26) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  min-height: 38px !important;
  transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease !important;
}

body.task-mail.action-compose input[type="text"]:hover,
body.task-mail.action-compose input[type="email"]:hover,
body.action-compose input[type="text"]:hover,
body.action-compose input[type="email"]:hover,
body.task-mail.action-compose #compose-subject:hover,
body.action-compose #compose-subject:hover,
body.task-mail.action-compose .recipient-input:hover,
body.action-compose .recipient-input:hover {
  background: rgba(255,255,255,.058) !important;
  border-color: rgba(175, 200, 207, .34) !important;
}

body.task-mail.action-compose input[type="text"]:focus,
body.task-mail.action-compose input[type="email"]:focus,
body.action-compose input[type="text"]:focus,
body.action-compose input[type="email"]:focus,
body.task-mail.action-compose #compose-subject:focus,
body.action-compose #compose-subject:focus,
body.task-mail.action-compose .recipient-input:focus-within,
body.action-compose .recipient-input:focus-within {
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(20,148,210,.72) !important;
  box-shadow: 0 0 0 2px rgba(20,148,210,.16) !important;
}

/* 4) Empfängerchip: in einer klaren Zeile, nicht verloren */
body.task-mail.action-compose .recipient,
body.action-compose .recipient,
body.task-mail.action-compose .recipient-input .recipient,
body.action-compose .recipient-input .recipient,
body.task-mail.action-compose .token,
body.action-compose .token {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(175, 200, 207, .28) !important;
  border-radius: 9px !important;
  color: rgba(235, 243, 245, .94) !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 5) Kontakte-/Plus-Buttons optisch an Eingabefelder anbinden */
body.task-mail.action-compose .input-group-append .button,
body.action-compose .input-group-append .button,
body.task-mail.action-compose .input-group-text,
body.action-compose .input-group-text,
body.task-mail.action-compose a.button.insertresponse,
body.action-compose a.button.insertresponse {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(150, 175, 182, .26) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

/* 6) Editor: Schreibfläche stärker priorisieren */
body.task-mail.action-compose #composebodycontainer,
body.action-compose #composebodycontainer,
body.task-mail.action-compose .tox-tinymce,
body.action-compose .tox-tinymce,
body.task-mail.action-compose .mce-panel,
body.action-compose .mce-panel {
  border: 1px solid rgba(160, 185, 192, .26) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Editor-Toolbar ruhiger, weniger schwer */
body.task-mail.action-compose .tox .tox-toolbar,
body.task-mail.action-compose .tox .tox-toolbar__primary,
body.action-compose .tox .tox-toolbar,
body.action-compose .tox .tox-toolbar__primary,
body.task-mail.action-compose .mce-toolbar,
body.action-compose .mce-toolbar {
  background: #253b40 !important;
  border-bottom: 1px solid rgba(165, 190, 198, .18) !important;
  min-height: 38px !important;
}

/* TinyMCE/Editor-Buttons weniger hart */
body.task-mail.action-compose .tox .tox-tbtn,
body.action-compose .tox .tox-tbtn,
body.task-mail.action-compose .mce-btn,
body.action-compose .mce-btn {
  border-radius: 7px !important;
}

/* 7) Rechte Anhänge-Spalte: weniger dominant */
body.task-mail.action-compose #composeview-right,
body.action-compose #composeview-right {
  background: #17292d !important;
}

body.task-mail.action-compose #composeview-right h2,
body.action-compose #composeview-right h2,
body.task-mail.action-compose #composeview-right h3,
body.action-compose #composeview-right h3,
body.task-mail.action-compose #composeoptions legend,
body.action-compose #composeoptions legend {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: rgba(225, 238, 241, .9) !important;
}

/* Dropzone kleiner/ruhiger, Uploadbutton bleibt klar */
body.task-mail.action-compose #compose-attachments .attachment-box,
body.action-compose #compose-attachments .attachment-box,
body.task-mail.action-compose .attachmentslist,
body.action-compose .attachmentslist,
body.task-mail.action-compose .file-upload-area,
body.action-compose .file-upload-area,
body.task-mail.action-compose .attachments-placeholder,
body.action-compose .attachments-placeholder {
  min-height: 210px !important;
  max-height: 280px !important;
  background: rgba(255,255,255,.022) !important;
  border: 2px dashed rgba(145,170,178,.20) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Großen Drop-Pfeil optisch zurücknehmen */
body.task-mail.action-compose #compose-attachments .icon,
body.action-compose #compose-attachments .icon,
body.task-mail.action-compose .file-upload-area .icon,
body.action-compose .file-upload-area .icon {
  opacity: .46 !important;
  transform: scale(.86) !important;
}

/* Optionen rechts: mehr Luft, weniger technische Kästen */
body.task-mail.action-compose #composeoptions .form-group,
body.action-compose #composeoptions .form-group,
body.task-mail.action-compose #composeoptions .row,
body.action-compose #composeoptions .row {
  border-top: 1px solid rgba(155, 180, 188, .12) !important;
  padding-top: 12px !important;
  margin-top: 10px !important;
}

/* 8) Top-Toolbar: als Utility-Leiste ruhiger machen */
body.task-mail.action-compose #toolbar-menu,
body.action-compose #toolbar-menu {
  background: rgba(18, 35, 39, .86) !important;
  border-bottom: 1px solid rgba(150, 175, 182, .14) !important;
}

body.task-mail.action-compose #toolbar-menu li,
body.action-compose #toolbar-menu li {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

/* 9) Linke Sidebar: abgeschnittene Texte weniger auffällig */
body.task-mail.action-compose #taskmenu a,
body.action-compose #taskmenu a,
body.task-mail.action-compose #taskmenu .button,
body.action-compose #taskmenu .button {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

body.task-mail.action-compose #taskmenu .inner,
body.action-compose #taskmenu .inner {
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 10) Scrollbars weiterhin weniger grell */
body.task-mail.action-compose ::-webkit-scrollbar-thumb,
body.action-compose ::-webkit-scrollbar-thumb {
  background-color: rgba(70, 130, 150, .55) !important;
}

body.task-mail.action-compose ::-webkit-scrollbar-thumb:hover,
body.action-compose ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(70, 150, 180, .72) !important;
}

/* 11) Kleine Bildschirme: nicht wieder verschachteln */
@media (max-width: 900px) {
  body.task-mail.action-compose #composeheaders,
  body.action-compose #composeheaders {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.task-mail.action-compose .wmp-compose-modern-bar,
  body.action-compose .wmp-compose-modern-bar,
  body.task-mail.action-compose #wmp-compose-modern-bar,
  body.action-compose #wmp-compose-modern-bar {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

/* WMP COMPOSE FLAT MODE V30C PREMIUM POLISH
   Ziel: rechte Anhänge-Spalte entdominieren, Dropzone entschärfen,
   Editor hochwertiger einbetten. CSS-only. Keine Funktionslogik. */

/* 1) Rechte Spalte schmaler/ruhiger wirken lassen */
body.task-mail.action-compose #composeview-right,
body.action-compose #composeview-right {
  background: #16272b !important;
  border-left: 1px solid rgba(150, 175, 182, .14) !important;
}

body.task-mail.action-compose #composeview-right > *,
body.action-compose #composeview-right > * {
  max-width: 94% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2) Header rechts weniger schwer */
body.task-mail.action-compose #composeview-right h2,
body.action-compose #composeview-right h2,
body.task-mail.action-compose #composeview-right h3,
body.action-compose #composeview-right h3,
body.task-mail.action-compose #composeoptions legend,
body.action-compose #composeoptions legend {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  letter-spacing: .01em !important;
}

/* 3) Dropzone kompakter und weniger dominant */
body.task-mail.action-compose #compose-attachments,
body.action-compose #compose-attachments {
  margin-top: 6px !important;
}

body.task-mail.action-compose #compose-attachments .attachment-box,
body.action-compose #compose-attachments .attachment-box,
body.task-mail.action-compose .attachmentslist,
body.action-compose .attachmentslist,
body.task-mail.action-compose .file-upload-area,
body.action-compose .file-upload-area,
body.task-mail.action-compose .attachments-placeholder,
body.action-compose .attachments-placeholder {
  min-height: 150px !important;
  max-height: 230px !important;
  background: rgba(255,255,255,.018) !important;
  border: 1px dashed rgba(145,170,178,.20) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* 4) Bei vorhandenen Anhängen: keine doppelt schreiende Dropzone */
body.task-mail.action-compose #compose-attachments li,
body.action-compose #compose-attachments li,
body.task-mail.action-compose .attachmentslist li,
body.action-compose .attachmentslist li,
body.task-mail.action-compose .attachmentslist .attachment,
body.action-compose .attachmentslist .attachment,
body.task-mail.action-compose #compose-attachments .attachment,
body.action-compose #compose-attachments .attachment {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(155,180,188,.18) !important;
  border-radius: 9px !important;
  margin: 6px 8px !important;
  padding: 7px 9px !important;
  box-shadow: none !important;
}

/* 5) Riesigen Download-/Drop-Pfeil deutlich zurücknehmen */
body.task-mail.action-compose #compose-attachments .icon,
body.action-compose #compose-attachments .icon,
body.task-mail.action-compose .file-upload-area .icon,
body.action-compose .file-upload-area .icon,
body.task-mail.action-compose .attachments-placeholder .icon,
body.action-compose .attachments-placeholder .icon {
  opacity: .28 !important;
  transform: scale(.68) !important;
}

/* 6) Uploadbutton darf sichtbar bleiben, aber nicht klobig */
body.task-mail.action-compose #compose-attachments .button,
body.action-compose #compose-attachments .button,
body.task-mail.action-compose .file-upload-area .button,
body.action-compose .file-upload-area .button {
  padding: 7px 15px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(180,205,212,.30) !important;
  box-shadow: none !important;
}

/* 7) Optionen rechts ruhiger staffeln */
body.task-mail.action-compose #composeoptions,
body.action-compose #composeoptions {
  margin-top: 14px !important;
}

body.task-mail.action-compose #composeoptions .form-group,
body.action-compose #composeoptions .form-group,
body.task-mail.action-compose #composeoptions .row,
body.action-compose #composeoptions .row {
  border-top: 1px solid rgba(155, 180, 188, .10) !important;
  padding-top: 10px !important;
  margin-top: 8px !important;
}

/* 8) Selects rechts hochwertiger, weniger Standard-Formular */
body.task-mail.action-compose #composeoptions select,
body.action-compose #composeoptions select {
  background-color: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(155,180,188,.24) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* 9) Editor hochwertiger eingebettet, ohne den Mailbody selbst zu verändern */
body.task-mail.action-compose #composebodycontainer,
body.action-compose #composebodycontainer,
body.task-mail.action-compose .tox-tinymce,
body.action-compose .tox-tinymce,
body.task-mail.action-compose .mce-panel,
body.action-compose .mce-panel {
  border: 1px solid rgba(170, 195, 202, .28) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

/* 10) Editor-Toolbar eleganter, weniger technische Balkenwirkung */
body.task-mail.action-compose .tox .tox-toolbar,
body.task-mail.action-compose .tox .tox-toolbar__primary,
body.action-compose .tox .tox-toolbar,
body.action-compose .tox .tox-toolbar__primary,
body.task-mail.action-compose .mce-toolbar,
body.action-compose .mce-toolbar {
  background: linear-gradient(180deg, rgba(42,64,69,.98), rgba(35,56,61,.98)) !important;
  border-bottom: 1px solid rgba(180,205,212,.16) !important;
}

/* 11) Antwort-/Originalbereich: sichtbare Editor-Auswahlrahmen etwas weniger hart */
body.task-mail.action-compose .tox-edit-area [style*="border"],
body.action-compose .tox-edit-area [style*="border"] {
  border-color: rgba(120, 140, 145, .38) !important;
}

/* 12) Dotted/Dashed-Optik in eingefügten HTML-Antworten etwas entschärfen */
body.task-mail.action-compose iframe,
body.action-compose iframe {
  box-shadow: none !important;
}

/* 13) Senden-Leiste minimal leichter */
body.task-mail.action-compose .wmp-compose-modern-bar,
body.action-compose .wmp-compose-modern-bar,
body.task-mail.action-compose #wmp-compose-modern-bar,
body.action-compose #wmp-compose-modern-bar,
body.task-mail.action-compose .wmp-compose-actions,
body.action-compose .wmp-compose-actions {
  background: rgba(255,255,255,.020) !important;
  border-color: rgba(150,175,182,.12) !important;
}

/* 14) Betreff/Empfänger/Von: Feldflächen beibehalten, aber nicht zu schwer */
body.task-mail.action-compose input[type="text"],
body.task-mail.action-compose input[type="email"],
body.action-compose input[type="text"],
body.action-compose input[type="email"],
body.task-mail.action-compose #compose-subject,
body.action-compose #compose-subject,
body.task-mail.action-compose .recipient-input,
body.action-compose .recipient-input {
  background: rgba(255,255,255,.040) !important;
  border-color: rgba(160,185,192,.24) !important;
}

/* 15) Sidebar-Abschluss: Labels etwas sauberer im Compose */
body.task-mail.action-compose #taskmenu a,
body.action-compose #taskmenu a {
  white-space: normal !important;
}

/* 16) Scrollbars weniger Neon */
body.task-mail.action-compose ::-webkit-scrollbar-thumb,
body.action-compose ::-webkit-scrollbar-thumb {
  background-color: rgba(65, 120, 140, .50) !important;
}

body.task-mail.action-compose ::-webkit-scrollbar-thumb:hover,
body.action-compose ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(70, 145, 170, .68) !important;
}

/* WMP COMPOSE RIGHT PANEL V30D
   Ziel: rechte Optionen-/Anhänge-Spalte deutlich weniger technisch.
   CSS-only. Keine Funktionslogik. */

/* Rechte Spalte: ruhiger Arbeitsbereich, nicht als riesiges Drop-Feld */
body.task-mail.action-compose #composeview-right,
body.action-compose #composeview-right {
  background: #16272b !important;
  border-left: 1px solid rgba(150,175,182,.13) !important;
}

/* Titel kompakter */
body.task-mail.action-compose #composeview-right h2,
body.action-compose #composeview-right h2,
body.task-mail.action-compose #composeview-right h3,
body.action-compose #composeview-right h3,
body.task-mail.action-compose #composeoptions legend,
body.action-compose #composeoptions legend {
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 12px 0 12px 0 !important;
  padding: 0 !important;
}

/* Uploadbereich: von riesiger Dropzone zu kompakter Attachments-Card */
body.task-mail.action-compose #compose-attachments,
body.action-compose #compose-attachments {
  margin: 8px auto 18px auto !important;
  padding: 0 !important;
  max-width: 92% !important;
}

/* Alle möglichen Dropzone-/Attachment-Container kompakt halten */
body.task-mail.action-compose #compose-attachments .attachment-box,
body.action-compose #compose-attachments .attachment-box,
body.task-mail.action-compose .attachmentslist,
body.action-compose .attachmentslist,
body.task-mail.action-compose .file-upload-area,
body.action-compose .file-upload-area,
body.task-mail.action-compose .attachments-placeholder,
body.action-compose .attachments-placeholder {
  min-height: 92px !important;
  max-height: 190px !important;
  height: auto !important;
  background: rgba(255,255,255,.026) !important;
  border: 1px solid rgba(150,175,182,.18) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 14px !important;
  overflow: auto !important;
}

/* Verschachtelte innere Dropzone/Doppelrahmen neutralisieren */
body.task-mail.action-compose #compose-attachments .attachment-box .attachmentslist,
body.action-compose #compose-attachments .attachment-box .attachmentslist,
body.task-mail.action-compose #compose-attachments .file-upload-area .attachmentslist,
body.action-compose #compose-attachments .file-upload-area .attachmentslist,
body.task-mail.action-compose #compose-attachments .attachments-placeholder .attachmentslist,
body.action-compose #compose-attachments .attachments-placeholder .attachmentslist {
  min-height: 0 !important;
  max-height: 120px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 6px 0 0 0 !important;
  margin: 0 !important;
}

/* Großen Pfeil ausblenden: Button reicht als Interaktion */
body.task-mail.action-compose #compose-attachments .icon,
body.action-compose #compose-attachments .icon,
body.task-mail.action-compose .file-upload-area .icon,
body.action-compose .file-upload-area .icon,
body.task-mail.action-compose .attachments-placeholder .icon,
body.action-compose .attachments-placeholder .icon {
  display: none !important;
}

/* Text und Button im Uploadbereich kompakter */
body.task-mail.action-compose #compose-attachments p,
body.action-compose #compose-attachments p,
body.task-mail.action-compose #compose-attachments .hint,
body.action-compose #compose-attachments .hint,
body.task-mail.action-compose .file-upload-area p,
body.action-compose .file-upload-area p {
  margin: 0 0 10px 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: rgba(215,230,234,.72) !important;
}

/* Datei anhängen: kompakter Button, nicht riesiger Pill-CTA */
body.task-mail.action-compose #compose-attachments .button,
body.action-compose #compose-attachments .button,
body.task-mail.action-compose .file-upload-area .button,
body.action-compose .file-upload-area .button,
body.task-mail.action-compose .attachments-placeholder .button,
body.action-compose .attachments-placeholder .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 6px 13px !important;
  font-size: 13px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.072) !important;
  border: 1px solid rgba(180,205,212,.28) !important;
  box-shadow: none !important;
}

/* Einzelne Anhänge als ruhige Liste, nicht als Kasten im Kasten */
body.task-mail.action-compose #compose-attachments li,
body.action-compose #compose-attachments li,
body.task-mail.action-compose .attachmentslist li,
body.action-compose .attachmentslist li,
body.task-mail.action-compose #compose-attachments .attachment,
body.action-compose #compose-attachments .attachment,
body.task-mail.action-compose .attachmentslist .attachment,
body.action-compose .attachmentslist .attachment {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(160,185,192,.17) !important;
  border-radius: 9px !important;
  margin: 6px 0 !important;
  padding: 7px 9px !important;
  min-height: 30px !important;
  box-shadow: none !important;
}

/* Optionen darunter: klarer, weniger auseinandergezogen */
body.task-mail.action-compose #composeoptions,
body.action-compose #composeoptions {
  max-width: 92% !important;
  margin: 12px auto 0 auto !important;
}

body.task-mail.action-compose #composeoptions .form-group,
body.action-compose #composeoptions .form-group,
body.task-mail.action-compose #composeoptions .row,
body.action-compose #composeoptions .row {
  border-top: 1px solid rgba(155,180,188,.11) !important;
  padding-top: 10px !important;
  margin-top: 8px !important;
}

/* Toggle-Zeilen optisch ruhiger */
body.task-mail.action-compose #composeoptions label,
body.action-compose #composeoptions label {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  color: rgba(226,238,241,.86) !important;
}

/* Selects rechts kompakter */
body.task-mail.action-compose #composeoptions select,
body.action-compose #composeoptions select {
  min-height: 34px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  background-color: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(155,180,188,.22) !important;
  box-shadow: none !important;
}

/* Rechte Scrollbar weniger grell */
body.task-mail.action-compose #composeview-right::-webkit-scrollbar-thumb,
body.action-compose #composeview-right::-webkit-scrollbar-thumb {
  background-color: rgba(65,120,140,.42) !important;
}

/* WMP COMPOSE RIGHT PANEL V30E HARD COMPACT
   Uses DOM classes added by V30E JS.
   Goal: remove huge technical dropzone look. */

/* Rechte Spalte: nicht mehr als Upload-Monster wirken lassen */
body.wmp-compose-v30e .wmp-compose-right-v30e,
body.task-mail.action-compose #composeview-right,
body.action-compose #composeview-right {
  background: #16272b !important;
  border-left: 1px solid rgba(150,175,182,.12) !important;
}

/* Containerbreite kontrollieren */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e,
body.wmp-compose-v30e .wmp-compose-options-v30e {
  width: min(92%, 430px) !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ÄUSSERER Attachments-Container: kompakte Card, kein riesiger gestrichelter Kasten */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(155,180,188,.18) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Pseudo-Icons/-Rahmen aus Roundcube/Elastic neutralisieren */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e::before,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e::after,
body.wmp-compose-v30e .wmp-compose-droparea-v30e::before,
body.wmp-compose-v30e .wmp-compose-droparea-v30e::after,
body.wmp-compose-v30e .wmp-compose-attachment-list-v30e::before,
body.wmp-compose-v30e .wmp-compose-attachment-list-v30e::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Header/Button innerhalb Uploadbereich kompakt */
body.wmp-compose-v30e .wmp-compose-upload-form-v30e {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Text: kleiner, ruhiger */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-v30e .wmp-compose-upload-form-v30e p,
body.wmp-compose-v30e .wmp-compose-upload-form-v30e .hint {
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: rgba(218,232,236,.68) !important;
  text-align: center !important;
}

/* Datei-Button: klar, aber nicht riesig */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e button.attach,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .button,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .btn.attach {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(185,210,216,.28) !important;
  box-shadow: none !important;
}

/* INNERE Drop-Area: komplett entdramatisieren */
body.wmp-compose-v30e .wmp-compose-droparea-v30e {
  display: block !important;
  min-height: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 1px dashed rgba(150,175,182,.12) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  opacity: .55 !important;
}

/* Große Icons / Pfeile überall im Attachments-Bereich weg */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .icon,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e i,
body.wmp-compose-v30e .wmp-compose-droparea-v30e .icon,
body.wmp-compose-v30e .wmp-compose-droparea-v30e i,
body.wmp-compose-v30e .wmp-compose-droparea-v30e svg,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Attachment-Liste: nur Liste, keine große Box */
body.wmp-compose-v30e .wmp-compose-attachment-list-v30e {
  display: block !important;
  min-height: 0 !important;
  max-height: 145px !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
}

/* Einzelne Anhänge kompakt */
body.wmp-compose-v30e .wmp-compose-attachment-list-v30e li,
body.wmp-compose-v30e .wmp-compose-attachment-list-v30e .attachment {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(160,185,192,.17) !important;
  border-radius: 9px !important;
  margin: 6px 0 !important;
  padding: 7px 9px !important;
  min-height: 30px !important;
  box-shadow: none !important;
}

/* Optionen darunter: kompakter und weniger plakativer Text */
body.wmp-compose-v30e .wmp-compose-options-v30e {
  margin-top: 12px !important;
  padding-top: 0 !important;
}

body.wmp-compose-v30e .wmp-compose-options-v30e .form-group,
body.wmp-compose-v30e .wmp-compose-options-v30e .row {
  border-top: 1px solid rgba(155,180,188,.10) !important;
  padding-top: 9px !important;
  margin-top: 8px !important;
}

body.wmp-compose-v30e .wmp-compose-options-v30e label {
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  color: rgba(226,238,241,.84) !important;
}

body.wmp-compose-v30e .wmp-compose-options-v30e select {
  min-height: 32px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  background-color: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(155,180,188,.22) !important;
  box-shadow: none !important;
}

/* Fallbacks für nicht markierte Elemente, falls JS verzögert lädt */
body.task-mail.action-compose #compose-attachments.file-upload::before,
body.task-mail.action-compose #compose-attachments.file-upload::after,
body.action-compose #compose-attachments.file-upload::before,
body.action-compose #compose-attachments.file-upload::after {
  display: none !important;
  content: none !important;
}

body.task-mail.action-compose #compose-attachments.file-upload > #compose-attachments,
body.action-compose #compose-attachments.file-upload > #compose-attachments {
  min-height: 0 !important;
  height: 28px !important;
  max-height: 28px !important;
  border: 1px dashed rgba(150,175,182,.12) !important;
  border-radius: 10px !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* WMP COMPOSE RIGHT PANEL V30F FINAL CLEANUP
   Ziel: letzte leere Innen-Dropfläche entschärfen.
   CSS-only. Upload/Attachment-Logik bleibt unverändert. */

/* Upload-Card kompakter und ruhiger */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e {
  padding: 12px 14px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(155,180,188,.16) !important;
}

/* Die innere leere Dropzone nicht mehr als große leere Fläche zeigen */
body.wmp-compose-v30e .wmp-compose-droparea-v30e {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px dashed rgba(150,175,182,.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: .45 !important;
  overflow: hidden !important;
}

/* Falls Roundcube die innere Dropzone ohne V30E-Klasse direkt nested rendert */
body.task-mail.action-compose #compose-attachments.file-upload > #compose-attachments,
body.action-compose #compose-attachments.file-upload > #compose-attachments {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px dashed rgba(150,175,182,.10) !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: .45 !important;
  overflow: hidden !important;
}

/* Max-Dateigröße kleiner und weniger präsent */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-v30e .wmp-compose-upload-form-v30e p,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-v30e .wmp-compose-upload-form-v30e .hint {
  font-size: 12px !important;
  color: rgba(218,232,236,.60) !important;
}

/* Button etwas hochwertiger und weniger schwer */
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e button.attach,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .button,
body.wmp-compose-v30e .wmp-compose-attachments-shell-v30e .btn.attach {
  min-height: 32px !important;
  padding: 5px 13px !important;
  font-size: 12.5px !important;
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(185,210,216,.24) !important;
}

/* Optionen rechts optisch einen Tick feiner */
body.wmp-compose-v30e .wmp-compose-options-v30e label {
  font-size: 12.8px !important;
  font-weight: 650 !important;
}

body.wmp-compose-v30e .wmp-compose-options-v30e .form-group,
body.wmp-compose-v30e .wmp-compose-options-v30e .row {
  padding-top: 8px !important;
  margin-top: 7px !important;
}

/* Selects kompakter */
body.wmp-compose-v30e .wmp-compose-options-v30e select {
  min-height: 31px !important;
  font-size: 12.8px !important;
}

/* WMP COMPOSE LIGHT MODE FIX V30G
   Fixes V30 dark color bleed in Roundcube light mode.
   CSS-only visual override, scoped to compose + JS theme marker. */

/* Grundflächen Light Mode */
html.wmp-compose-theme-light body.task-mail.action-compose,
body.wmp-compose-theme-light.task-mail.action-compose,
body.wmp-compose-theme-light.action-compose {
  color: #243238 !important;
  background: #f4f7f9 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose #layout-content,
body.wmp-compose-theme-light.action-compose #layout-content,
body.wmp-compose-theme-light.task-mail.action-compose #compose-content,
body.wmp-compose-theme-light.action-compose #compose-content,
body.wmp-compose-theme-light.task-mail.action-compose #composeview-left,
body.wmp-compose-theme-light.action-compose #composeview-left {
  background: #f4f7f9 !important;
  color: #243238 !important;
}

/* Top-/Utility-Leiste im Compose hell */
body.wmp-compose-theme-light.task-mail.action-compose #toolbar-menu,
body.wmp-compose-theme-light.action-compose #toolbar-menu {
  background: #ffffff !important;
  border-bottom: 1px solid #d9e2e7 !important;
  color: #26343a !important;
}

body.wmp-compose-theme-light.task-mail.action-compose #toolbar-menu a,
body.wmp-compose-theme-light.action-compose #toolbar-menu a,
body.wmp-compose-theme-light.task-mail.action-compose #toolbar-menu span,
body.wmp-compose-theme-light.action-compose #toolbar-menu span {
  color: #26343a !important;
  opacity: 1 !important;
}

/* Senden-/Planen-/Textprüfen-Leiste */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-modern-bar,
body.wmp-compose-theme-light.action-compose .wmp-compose-modern-bar,
body.wmp-compose-theme-light.task-mail.action-compose #wmp-compose-modern-bar,
body.wmp-compose-theme-light.action-compose #wmp-compose-modern-bar,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-actions,
body.wmp-compose-theme-light.action-compose .wmp-compose-actions {
  background: #ffffff !important;
  border: 1px solid #d7e1e7 !important;
  color: #27353b !important;
  box-shadow: 0 6px 16px rgba(32, 55, 65, .07) !important;
}

body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-modern-bar label,
body.wmp-compose-theme-light.action-compose .wmp-compose-modern-bar label,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-actions label,
body.wmp-compose-theme-light.action-compose .wmp-compose-actions label {
  color: #40525a !important;
}

/* Header Labels */
body.wmp-compose-theme-light.task-mail.action-compose #composeheaders label,
body.wmp-compose-theme-light.action-compose #composeheaders label,
body.wmp-compose-theme-light.task-mail.action-compose .formcontent label,
body.wmp-compose-theme-light.action-compose .formcontent label {
  color: #314248 !important;
  opacity: 1 !important;
}

/* Zeilen-Trenner */
body.wmp-compose-theme-light.task-mail.action-compose #composeheaders .form-group,
body.wmp-compose-theme-light.action-compose #composeheaders .form-group,
body.wmp-compose-theme-light.task-mail.action-compose .formcontent .row,
body.wmp-compose-theme-light.action-compose .formcontent .row {
  border-bottom: 1px solid #dce5ea !important;
}

/* Felder Light Mode */
body.wmp-compose-theme-light.task-mail.action-compose input[type="text"],
body.wmp-compose-theme-light.task-mail.action-compose input[type="email"],
body.wmp-compose-theme-light.action-compose input[type="text"],
body.wmp-compose-theme-light.action-compose input[type="email"],
body.wmp-compose-theme-light.task-mail.action-compose #compose-subject,
body.wmp-compose-theme-light.action-compose #compose-subject,
body.wmp-compose-theme-light.task-mail.action-compose .recipient-input,
body.wmp-compose-theme-light.action-compose .recipient-input {
  background: #ffffff !important;
  border: 1px solid #cbd7de !important;
  color: #1f2d33 !important;
  box-shadow: none !important;
}

body.wmp-compose-theme-light.task-mail.action-compose input[type="text"]:hover,
body.wmp-compose-theme-light.task-mail.action-compose input[type="email"]:hover,
body.wmp-compose-theme-light.action-compose input[type="text"]:hover,
body.wmp-compose-theme-light.action-compose input[type="email"]:hover,
body.wmp-compose-theme-light.task-mail.action-compose #compose-subject:hover,
body.wmp-compose-theme-light.action-compose #compose-subject:hover,
body.wmp-compose-theme-light.task-mail.action-compose .recipient-input:hover,
body.wmp-compose-theme-light.action-compose .recipient-input:hover {
  background: #ffffff !important;
  border-color: #aebfc8 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose input[type="text"]:focus,
body.wmp-compose-theme-light.task-mail.action-compose input[type="email"]:focus,
body.wmp-compose-theme-light.action-compose input[type="text"]:focus,
body.wmp-compose-theme-light.action-compose input[type="email"]:focus,
body.wmp-compose-theme-light.task-mail.action-compose #compose-subject:focus,
body.wmp-compose-theme-light.action-compose #compose-subject:focus,
body.wmp-compose-theme-light.task-mail.action-compose .recipient-input:focus-within,
body.wmp-compose-theme-light.action-compose .recipient-input:focus-within {
  background: #ffffff !important;
  border-color: #1598d4 !important;
  box-shadow: 0 0 0 2px rgba(21, 152, 212, .16) !important;
}

/* Empfängerchips Light Mode */
body.wmp-compose-theme-light.task-mail.action-compose .recipient,
body.wmp-compose-theme-light.action-compose .recipient,
body.wmp-compose-theme-light.task-mail.action-compose .recipient-input .recipient,
body.wmp-compose-theme-light.action-compose .recipient-input .recipient,
body.wmp-compose-theme-light.task-mail.action-compose .token,
body.wmp-compose-theme-light.action-compose .token {
  background: #edf3f6 !important;
  border: 1px solid #bccbd3 !important;
  color: #263840 !important;
}

/* Kontakte-/Plus-/Edit-Buttons */
body.wmp-compose-theme-light.task-mail.action-compose .input-group-append .button,
body.wmp-compose-theme-light.action-compose .input-group-append .button,
body.wmp-compose-theme-light.task-mail.action-compose .input-group-text,
body.wmp-compose-theme-light.action-compose .input-group-text,
body.wmp-compose-theme-light.task-mail.action-compose a.button.insertresponse,
body.wmp-compose-theme-light.action-compose a.button.insertresponse {
  background: #f2f6f8 !important;
  border-color: #cbd7de !important;
  color: #2c3d44 !important;
  opacity: 1 !important;
}

/* Editor-Einfassung und Toolbar hell */
body.wmp-compose-theme-light.task-mail.action-compose #composebodycontainer,
body.wmp-compose-theme-light.action-compose #composebodycontainer,
body.wmp-compose-theme-light.task-mail.action-compose .tox-tinymce,
body.wmp-compose-theme-light.action-compose .tox-tinymce,
body.wmp-compose-theme-light.task-mail.action-compose .mce-panel,
body.wmp-compose-theme-light.action-compose .mce-panel {
  border: 1px solid #cbd7de !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(32, 55, 65, .07) !important;
}

body.wmp-compose-theme-light.task-mail.action-compose .tox .tox-toolbar,
body.wmp-compose-theme-light.task-mail.action-compose .tox .tox-toolbar__primary,
body.wmp-compose-theme-light.action-compose .tox .tox-toolbar,
body.wmp-compose-theme-light.action-compose .tox .tox-toolbar__primary,
body.wmp-compose-theme-light.task-mail.action-compose .mce-toolbar,
body.wmp-compose-theme-light.action-compose .mce-toolbar {
  background: linear-gradient(180deg, #f7fafb, #edf3f6) !important;
  border-bottom: 1px solid #cbd7de !important;
  color: #243238 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose .tox .tox-tbtn,
body.wmp-compose-theme-light.action-compose .tox .tox-tbtn,
body.wmp-compose-theme-light.task-mail.action-compose .mce-btn,
body.wmp-compose-theme-light.action-compose .mce-btn {
  color: #263840 !important;
}

/* Rechte Spalte Light Mode */
body.wmp-compose-theme-light.task-mail.action-compose #composeview-right,
body.wmp-compose-theme-light.action-compose #composeview-right,
body.wmp-compose-theme-light .wmp-compose-right-v30e {
  background: #f4f7f9 !important;
  border-left: 1px solid #d6e0e6 !important;
  color: #263840 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose #composeview-right h2,
body.wmp-compose-theme-light.action-compose #composeview-right h2,
body.wmp-compose-theme-light.task-mail.action-compose #composeview-right h3,
body.wmp-compose-theme-light.action-compose #composeview-right h3,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions legend,
body.wmp-compose-theme-light.action-compose #composeoptions legend {
  color: #263840 !important;
  opacity: 1 !important;
}

/* Attachments Light Mode */
body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e {
  background: #ffffff !important;
  border: 1px solid #cbd7de !important;
  color: #263840 !important;
  box-shadow: 0 6px 16px rgba(32, 55, 65, .05) !important;
}

body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-theme-light .wmp-compose-upload-form-v30e p,
body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light .wmp-compose-upload-form-v30e .hint {
  color: #5d717a !important;
  opacity: 1 !important;
}

body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e button.attach,
body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e .button,
body.wmp-compose-theme-light .wmp-compose-attachments-shell-v30e .btn.attach {
  background: #edf3f6 !important;
  border: 1px solid #b9cad3 !important;
  color: #25363d !important;
  opacity: 1 !important;
}

/* Rechte Optionen Light Mode */
body.wmp-compose-theme-light .wmp-compose-options-v30e,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions,
body.wmp-compose-theme-light.action-compose #composeoptions {
  color: #263840 !important;
  opacity: 1 !important;
}

body.wmp-compose-theme-light .wmp-compose-options-v30e .form-group,
body.wmp-compose-theme-light .wmp-compose-options-v30e .row,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions .form-group,
body.wmp-compose-theme-light.action-compose #composeoptions .form-group,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions .row,
body.wmp-compose-theme-light.action-compose #composeoptions .row {
  border-top: 1px solid #dce5ea !important;
}

body.wmp-compose-theme-light .wmp-compose-options-v30e label,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions label,
body.wmp-compose-theme-light.action-compose #composeoptions label {
  color: #314248 !important;
  opacity: 1 !important;
}

body.wmp-compose-theme-light .wmp-compose-options-v30e select,
body.wmp-compose-theme-light.task-mail.action-compose #composeoptions select,
body.wmp-compose-theme-light.action-compose #composeoptions select {
  background-color: #ffffff !important;
  border: 1px solid #becbd3 !important;
  color: #25363d !important;
  opacity: 1 !important;
}

/* Switches / toggles wieder sichtbar */
body.wmp-compose-theme-light.task-mail.action-compose .custom-switch .custom-control-label::before,
body.wmp-compose-theme-light.action-compose .custom-switch .custom-control-label::before,
body.wmp-compose-theme-light.task-mail.action-compose .custom-control-label::before,
body.wmp-compose-theme-light.action-compose .custom-control-label::before {
  background-color: #dbe5ea !important;
  border-color: #aebdc6 !important;
  opacity: 1 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose .custom-control-input:checked ~ .custom-control-label::before,
body.wmp-compose-theme-light.action-compose .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1498d2 !important;
  border-color: #1498d2 !important;
}

/* Scrollbars Light Mode */
body.wmp-compose-theme-light.task-mail.action-compose ::-webkit-scrollbar-thumb,
body.wmp-compose-theme-light.action-compose ::-webkit-scrollbar-thumb {
  background-color: rgba(110, 135, 145, .45) !important;
}

body.wmp-compose-theme-light.task-mail.action-compose ::-webkit-scrollbar-thumb:hover,
body.wmp-compose-theme-light.action-compose ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(80, 120, 140, .65) !important;
}

/* Dark Mode explizit nicht durch Light-Fix anfassen */
html.dark-mode body.wmp-compose-theme-dark.task-mail.action-compose,
html.dark-mode body.wmp-compose-theme-dark.action-compose {
  color: #c5d1d3 !important;
}

/* WMP COMPOSE LIGHT SIDEBAR FIX V30H
   Ziel: linke Sidebar im hellen Compose-Modus immer sichtbar machen.
   CSS-only. Keine Funktionslogik. */

/* Linke Hauptleiste im Light Compose bewusst hell, aber lesbar */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu,
body.wmp-compose-theme-light.action-compose #layout-menu {
  background: #ffffff !important;
  border-right: 1px solid #d7e1e7 !important;
  color: #263840 !important;
}

/* Alle Taskmenu-Buttons immer sichtbar, nicht nur bei Hover */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a,
body.wmp-compose-theme-light.action-compose #taskmenu a,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .button,
body.wmp-compose-theme-light.action-compose #taskmenu .button {
  color: #263840 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Textlabels links sichtbar halten */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a span,
body.wmp-compose-theme-light.action-compose #taskmenu a span,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .inner {
  color: #263840 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Icons im Light Mode nicht weiß/unsichtbar */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a:before,
body.wmp-compose-theme-light.action-compose #taskmenu a:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .button:before,
body.wmp-compose-theme-light.action-compose #taskmenu .button:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu i,
body.wmp-compose-theme-light.action-compose #taskmenu i {
  color: #263840 !important;
  opacity: 1 !important;
}

/* Aktiver Bereich: sichtbar, aber nicht riesig-schwer */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a.selected,
body.wmp-compose-theme-light.action-compose #taskmenu a.selected,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .selected > a,
body.wmp-compose-theme-light.action-compose #taskmenu .selected > a,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a.active,
body.wmp-compose-theme-light.action-compose #taskmenu a.active {
  background: #e7f4fb !important;
  color: #008fd3 !important;
  opacity: 1 !important;
}

body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a.selected span,
body.wmp-compose-theme-light.action-compose #taskmenu a.selected span,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .selected > a span,
body.wmp-compose-theme-light.action-compose #taskmenu .selected > a span,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a.active span,
body.wmp-compose-theme-light.action-compose #taskmenu a.active span {
  color: #008fd3 !important;
}

/* Hover: klar sichtbar, aber ohne dunklen Fremdkörper */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a:hover,
body.wmp-compose-theme-light.action-compose #taskmenu a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .button:hover,
body.wmp-compose-theme-light.action-compose #taskmenu .button:hover {
  background: #eef7fc !important;
  color: #008fd3 !important;
  opacity: 1 !important;
}

/* Untere Buttons wie Einstellungen / Modus / Über / Abmelden sichtbar */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons .button,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons .button,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a {
  color: #263840 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Abmelden darf rot bleiben, aber sichtbar */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu a.logout,
body.wmp-compose-theme-light.action-compose #layout-menu a.logout {
  color: #d73333 !important;
  opacity: 1 !important;
}

/* Dark Mode explizit nicht anfassen */
html.dark-mode body.task-mail.action-compose #layout-menu,
html.dark-mode body.action-compose #layout-menu {
  color: inherit;
}

/* WMP COMPOSE LIGHT SIDEBAR SPECIAL FIX V30I
   Scope: light compose only.
   Purpose: make lower sidebar special buttons visible in rest state
   and improve max upload size hint contrast.
   No JS, no backend, no mail logic. */

/* Lower left special button container: remove dark bleed in light compose */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  border-top: 1px solid #d7e1e7 !important;
  box-shadow: 0 -8px 18px rgba(30, 55, 65, .045) !important;
  opacity: 1 !important;
}

/* Lower special buttons: visible without hover */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a {
  color: #263840 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Lower special button icons */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:before,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a:before {
  color: #263840 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Lower special button labels */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a span,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons .inner,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a span,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a span,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons .inner,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons .inner {
  color: #263840 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Hover/focus: light, not dark */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:focus,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a:focus {
  color: #007fbd !important;
  background: #eef7fc !important;
  opacity: 1 !important;
}

/* Logout remains red, but readable */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout span,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu .special-buttons a.logout span,
body.wmp-compose-theme-light.action-compose #layout-menu .special-buttons a.logout span {
  color: #cf2f2f !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Attachment max-size hint: readable in light compose only */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-theme-light.action-compose .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-upload-form-v30e p,
body.wmp-compose-theme-light.action-compose .wmp-compose-upload-form-v30e p,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-upload-form-v30e .hint,
body.wmp-compose-theme-light.action-compose .wmp-compose-upload-form-v30e .hint,
body.wmp-compose-theme-light.task-mail.action-compose #composeview-right .file-upload .hint,
body.wmp-compose-theme-light.action-compose #composeview-right .file-upload .hint,
body.wmp-compose-theme-light.task-mail.action-compose #composeview-right .text-muted,
body.wmp-compose-theme-light.action-compose #composeview-right .text-muted {
  color: #344b54 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Dark mode intentionally untouched */
html.dark-mode body.task-mail.action-compose #taskmenu .special-buttons,
html.dark-mode body.action-compose #taskmenu .special-buttons,
html.dark-mode body.task-mail.action-compose #layout-menu .special-buttons,
html.dark-mode body.action-compose #layout-menu .special-buttons {
  color: inherit;
}

/* WMP COMPOSE LIGHT CONTRAST FINISH V30J
   Scope: light compose only.
   Purpose:
   1) make the max upload size hint readable even when it is a direct text node
      inside Roundcube upload containers.
   2) make lower sidebar special buttons look integrated, not hover-only or pasted-on.
   No JS, no backend, no scheduled_sending logic, no Snooze/Smart-Move logic. */

/* Attachment/max-size hint: set readable inherited color on the real upload parents */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-attachments-shell-v30e,
body.wmp-compose-theme-light.action-compose .wmp-compose-attachments-shell-v30e,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-upload-form-v30e,
body.wmp-compose-theme-light.action-compose .wmp-compose-upload-form-v30e,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-droparea-v30e,
body.wmp-compose-theme-light.action-compose .wmp-compose-droparea-v30e,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .upload-form,
body.wmp-compose-theme-light.action-compose .file-upload .upload-form {
  color: #314852 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* Attachment/max-size hint: catch nested hint/text elements too */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-upload-form-v30e .hint,
body.wmp-compose-theme-light.action-compose .wmp-compose-upload-form-v30e .hint,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .hint,
body.wmp-compose-theme-light.action-compose .file-upload .hint,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .form-text,
body.wmp-compose-theme-light.action-compose .file-upload .form-text,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload small,
body.wmp-compose-theme-light.action-compose .file-upload small,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .upload-form > div:not(.btn):not(.custom-file),
body.wmp-compose-theme-light.action-compose .file-upload .upload-form > div:not(.btn):not(.custom-file),
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .upload-form > span,
body.wmp-compose-theme-light.action-compose .file-upload .upload-form > span {
  color: #314852 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Keep attach button itself clean and clickable */
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .upload-form a.btn,
body.wmp-compose-theme-light.action-compose .file-upload .upload-form a.btn,
body.wmp-compose-theme-light.task-mail.action-compose .file-upload .upload-form button,
body.wmp-compose-theme-light.action-compose .file-upload .upload-form button {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Lower sidebar: make special buttons a clean light-mode section */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons {
  background: #ffffff !important;
  border-top: 1px solid #d8e2e8 !important;
  box-shadow: 0 -6px 16px rgba(26, 52, 62, .055) !important;
  padding-top: .35rem !important;
  padding-bottom: .45rem !important;
}

/* Lower sidebar buttons: stable, readable rest state */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a {
  color: #21343d !important;
  background: transparent !important;
  opacity: 1 !important;
  min-height: 50px !important;
  padding-top: .28rem !important;
  padding-bottom: .28rem !important;
  line-height: 1.15 !important;
}

/* Lower sidebar icon rhythm */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:before {
  color: #21343d !important;
  opacity: 1 !important;
  line-height: 1.45rem !important;
  height: 1.45rem !important;
  margin-bottom: .08rem !important;
}

/* Lower sidebar text rhythm */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a span {
  color: #21343d !important;
  opacity: 1 !important;
  line-height: 1.12 !important;
}

/* Hover/focus stays light and subtle */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:focus {
  color: #007fbd !important;
  background: #eef8fd !important;
}

/* Logout: red, visible, not washed out */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout span {
  color: #d12f2f !important;
  opacity: 1 !important;
}

/* WMP COMPOSE LIGHT UPLOAD HINT EXACT OVERRIDE V30K
   Scope: light compose only.
   Purpose: override older V30E/V30F upload hint color
   rgba(218,232,236,.60), which is too pale in Light Mode.
   CSS-only. No JS, no backend, no mail logic. */

/* Exact override for old V30E/V30F p/.hint selectors */
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-attachments-shell-v30e p,
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-upload-form-v30e p,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-upload-form-v30e p,
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-attachments-shell-v30e .hint,
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-upload-form-v30e .hint,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-upload-form-v30e .hint {
  color: #2f4650 !important;
  -webkit-text-fill-color: #2f4650 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Catch Roundcube duplicated #compose-attachments structure in Light Compose */
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments p,
body.wmp-compose-theme-light.action-compose #compose-attachments p,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments .hint,
body.wmp-compose-theme-light.action-compose #compose-attachments .hint,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload p,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload p,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload .hint,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload .hint,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments .upload-form p,
body.wmp-compose-theme-light.action-compose #compose-attachments .upload-form p,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments .upload-form .hint,
body.wmp-compose-theme-light.action-compose #compose-attachments .upload-form .hint {
  color: #2f4650 !important;
  -webkit-text-fill-color: #2f4650 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* If the hint is injected/styled via pseudo elements, keep it readable too */
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-attachments-shell-v30e::before,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-attachments-shell-v30e::before,
body.wmp-compose-theme-light.wmp-compose-v30e.task-mail.action-compose .wmp-compose-attachments-shell-v30e::after,
body.wmp-compose-theme-light.wmp-compose-v30e.action-compose .wmp-compose-attachments-shell-v30e::after,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload::before,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload::before,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload::after,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload::after {
  color: #2f4650 !important;
  -webkit-text-fill-color: #2f4650 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Keep the right upload panel quiet but readable */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-attachments-shell-v30e,
body.wmp-compose-theme-light.action-compose .wmp-compose-attachments-shell-v30e,
body.wmp-compose-theme-light.task-mail.action-compose #compose-attachments.file-upload,
body.wmp-compose-theme-light.action-compose #compose-attachments.file-upload {
  color: #2f4650 !important;
  opacity: 1 !important;
}

/* Do not alter dark mode */
html.dark-mode body.wmp-compose-theme-dark.task-mail.action-compose .wmp-compose-attachments-shell-v30e p,
html.dark-mode body.wmp-compose-theme-dark.action-compose .wmp-compose-attachments-shell-v30e p,
html.dark-mode body.wmp-compose-theme-dark.task-mail.action-compose .wmp-compose-attachments-shell-v30e .hint,
html.dark-mode body.wmp-compose-theme-dark.action-compose .wmp-compose-attachments-shell-v30e .hint {
  color: inherit;
}

/* WMP COMPOSE LIGHT SIDEBAR BOTTOM POLISH V30L
   Scope: light compose only.
   Purpose: make lower special buttons compact, aligned and less oversized.
   No JS, no backend, no mail logic. */

body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons {
  background: #ffffff !important;
  border-top: 1px solid #dbe5eb !important;
  box-shadow: 0 -5px 14px rgba(25, 48, 58, .045) !important;
  padding: .22rem 0 .32rem 0 !important;
}

/* Compact bottom buttons */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a {
  width: 78px !important;
  min-height: 46px !important;
  height: auto !important;
  padding: .22rem .08rem .24rem .08rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;

  color: #243741 !important;
  background: transparent !important;
  opacity: 1 !important;
  font-size: .82rem !important;
  line-height: 1.06 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* Compact icons */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:before {
  color: #243741 !important;
  opacity: 1 !important;
  float: none !important;
  display: block !important;
  width: auto !important;
  height: 1.32rem !important;
  line-height: 1.32rem !important;
  margin: 0 !important;
  font-size: 1.28rem !important;
  text-align: center !important;
}

/* Compact labels */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a span {
  display: block !important;
  color: #243741 !important;
  opacity: 1 !important;
  font-size: .82rem !important;
  line-height: 1.06 !important;
  font-weight: 400 !important;
  text-align: center !important;
  max-width: 72px !important;
  white-space: normal !important;
}

/* Light hover/focus, not dark */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a:focus {
  color: #007fbd !important;
  background: #edf8fd !important;
}

/* Logout compact but clearly red */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout span,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout span {
  color: #d73535 !important;
}

/* WMP COMPOSE LIGHT SIDEBAR BALANCED POLISH V30N
   Scope: light compose only.
   Purpose: undo bad V30M horizontal compression and use a compact stacked
   sidebar-footer style: readable, calm, not oversized.
   No JS, no backend, no mail logic. */

body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons {
  background: #ffffff !important;
  border-top: 1px solid #dbe5eb !important;
  box-shadow: 0 -4px 12px rgba(25, 48, 58, .04) !important;
  padding: .16rem 0 .24rem 0 !important;
}

/* Balanced stacked utility buttons */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu.menu.toolbar .special-buttons a,
body.wmp-compose-theme-light.action-compose #taskmenu.menu.toolbar .special-buttons a,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.theme,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.theme,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.about,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.about,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout {
  width: 78px !important;
  min-height: 44px !important;
  height: auto !important;
  padding: .18rem .08rem .20rem .08rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .04rem !important;

  color: #263942 !important;
  background: transparent !important;
  opacity: 1 !important;
  text-align: center !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

/* Icons: visible, but not giant */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu.menu.toolbar .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #taskmenu.menu.toolbar .special-buttons a:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.theme:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.theme:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.about:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.about:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout:before {
  float: none !important;
  display: block !important;
  width: auto !important;
  height: 1.16rem !important;
  line-height: 1.16rem !important;
  margin: 0 0 .04rem 0 !important;
  padding: 0 !important;
  font-size: 1.16rem !important;
  text-align: center !important;
  color: #263942 !important;
  opacity: 1 !important;
}

/* Labels: stacked and centered, no horizontal squeezing */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu.menu.toolbar .special-buttons a .inner,
body.wmp-compose-theme-light.action-compose #taskmenu.menu.toolbar .special-buttons a .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.theme .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.theme .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.about .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.about .inner,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout .inner {
  display: block !important;
  max-width: 64px !important;
  color: #263942 !important;
  opacity: 1 !important;
  font-size: .74rem !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  text-align: center !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Hover/focus remains light */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu.menu.toolbar .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #taskmenu.menu.toolbar .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu.menu.toolbar .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #taskmenu.menu.toolbar .special-buttons a:focus {
  background: #eef8fd !important;
  color: #007fbd !important;
}

/* Logout readable red, balanced size */
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.action-compose #taskmenu .special-buttons a.logout .inner {
  color: #d73535 !important;
}

/* WMP COMPOSE LIGHT SIDEBAR WIDTH COLORS V30O
   Scope: light compose only.
   Purpose:
   1) prevent lower special-buttons background from spilling wider than the real sidebar.
   2) restore original colored utility icons/buttons.
   No JS, no backend, no mail logic. */

/* Hard-limit lower special footer to the real desktop sidebar width */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons {
  left: 0 !important;
  right: auto !important;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background: #ffffff !important;
  border-top: 1px solid #dbe5eb !important;
  border-right: 1px solid #dbe5eb !important;
  box-shadow: none !important;
  padding: .16rem 0 .24rem 0 !important;
}

/* Keep every lower utility button inside the 78px sidebar */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  min-height: 44px !important;
  height: auto !important;
  padding: .18rem .06rem .20rem .06rem !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  opacity: 1 !important;
  text-align: center !important;
}

/* Restore original accent color for theme/about utility buttons */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.theme,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.theme,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.about,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.about,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.theme:before,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.theme:before,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.about:before,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.about:before,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.theme .inner,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.theme .inner,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.about .inner,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.about .inner {
  color: #37beff !important;
  opacity: 1 !important;
}

/* Logout: original red */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.logout,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.logout:before,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a.logout .inner,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a.logout .inner {
  color: #ff5552 !important;
  opacity: 1 !important;
}

/* Icon/label rhythm: stacked, not squeezed */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a:before,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a:before {
  float: none !important;
  display: block !important;
  width: auto !important;
  height: 1.18rem !important;
  line-height: 1.18rem !important;
  margin: 0 0 .05rem 0 !important;
  padding: 0 !important;
  font-size: 1.18rem !important;
  text-align: center !important;
}

body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a .inner,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a .inner {
  display: block !important;
  max-width: 68px !important;
  font-size: .76rem !important;
  line-height: 1.04 !important;
  font-weight: 400 !important;
  white-space: normal !important;
  text-align: center !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Hover stays light and within sidebar width */
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a:hover,
body.wmp-compose-theme-light.task-mail.action-compose #layout-menu #taskmenu .special-buttons a:focus,
body.wmp-compose-theme-light.action-compose #layout-menu #taskmenu .special-buttons a:focus {
  background: #eef8fd !important;
}

/* WMP IDENTITY SEARCH PICKER V31B
   Scope: compose UI only.
   Searchable visual picker for native select[name="_from"].
   Native select remains active for form submit/signature/scheduled_sending. */

body.task-mail.action-compose select[name="_from"].wmp-identity-search-native-v31b,
body.action-compose select[name="_from"].wmp-identity-search-native-v31b {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.task-mail.action-compose .wmp-identity-search-wrap-v31b,
body.action-compose .wmp-identity-search-wrap-v31b {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.task-mail.action-compose .wmp-identity-search-input-v31b,
body.action-compose .wmp-identity-search-input-v31b {
  display: block !important;
  width: 100% !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  border: 1px solid rgba(142, 164, 174, .55) !important;
  padding: 8px 13px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  outline: none !important;
  background: #ffffff !important;
  color: #243238 !important;
  box-shadow: none !important;
}

body.task-mail.action-compose .wmp-identity-search-input-v31b:focus,
body.action-compose .wmp-identity-search-input-v31b:focus {
  border-color: #20aeea !important;
  box-shadow: 0 0 0 2px rgba(32, 174, 234, .18) !important;
}

html.dark-mode body.task-mail.action-compose .wmp-identity-search-input-v31b,
html.dark-mode body.action-compose .wmp-identity-search-input-v31b,
body.wmp-compose-theme-dark.task-mail.action-compose .wmp-identity-search-input-v31b,
body.wmp-compose-theme-dark.action-compose .wmp-identity-search-input-v31b {
  background: #172629 !important;
  color: #d8e6ea !important;
  border-color: rgba(160, 184, 190, .28) !important;
}

html.dark-mode body.task-mail.action-compose .wmp-identity-search-input-v31b:focus,
html.dark-mode body.action-compose .wmp-identity-search-input-v31b:focus,
body.wmp-compose-theme-dark.task-mail.action-compose .wmp-identity-search-input-v31b:focus,
body.wmp-compose-theme-dark.action-compose .wmp-identity-search-input-v31b:focus {
  border-color: #18aee8 !important;
  box-shadow: 0 0 0 2px rgba(24, 174, 232, .26) !important;
}

.wmp-identity-search-list-v31b {
  position: fixed !important;
  z-index: 25000 !important;
  display: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  border: 1px solid #c7d6dd !important;
  background: #ffffff !important;
  color: #243238 !important;
  box-shadow: 0 18px 42px rgba(20, 38, 46, .18) !important;
  padding: 5px !important;
}

.wmp-identity-search-list-v31b.wmp-identity-search-open-v31b {
  display: block !important;
}

.wmp-identity-search-option-v31b {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  padding: 9px 11px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wmp-identity-search-option-v31b:hover,
.wmp-identity-search-option-v31b.is-active {
  background: #eaf7fd !important;
  color: #006fa8 !important;
}

.wmp-identity-search-option-v31b.is-selected {
  font-weight: 700 !important;
  color: #007fbd !important;
}

.wmp-identity-search-option-v31b.is-selected::before {
  content: "✓";
  display: inline-block;
  width: 18px;
  margin-right: 3px;
}

.wmp-identity-search-label-v31b {
  vertical-align: middle !important;
}

.wmp-identity-search-empty-v31b {
  padding: 11px 12px !important;
  color: #5c7078 !important;
  font-size: 13px !important;
}

html.dark-mode .wmp-identity-search-list-v31b,
body.wmp-compose-theme-dark .wmp-identity-search-list-v31b {
  background: #11191b !important;
  color: #d8e6ea !important;
  border-color: rgba(160, 184, 190, .28) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .46) !important;
}

html.dark-mode .wmp-identity-search-option-v31b:hover,
html.dark-mode .wmp-identity-search-option-v31b.is-active,
body.wmp-compose-theme-dark .wmp-identity-search-option-v31b:hover,
body.wmp-compose-theme-dark .wmp-identity-search-option-v31b.is-active {
  background: rgba(32, 174, 234, .16) !important;
  color: #37beff !important;
}

html.dark-mode .wmp-identity-search-option-v31b.is-selected,
body.wmp-compose-theme-dark .wmp-identity-search-option-v31b.is-selected {
  color: #37beff !important;
}

html.dark-mode .wmp-identity-search-empty-v31b,
body.wmp-compose-theme-dark .wmp-identity-search-empty-v31b {
  color: #9fb4ba !important;
}

/* WMP IDENTITY SEARCH INLINE LAYOUT V31C
   Scope: compose identity picker only.
   Purpose: keep searchable identity field and edit pencil in one row.
   CSS-only. No JS, no backend, no identity/signature/scheduled_sending logic. */

/* Roundcube's From row is an input-group: keep it nowrap */
body.task-mail.action-compose #compose_from .input-group,
body.action-compose #compose_from .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Search wrapper must fill remaining space, but not consume the edit button width */
body.task-mail.action-compose #compose_from .wmp-identity-search-wrap-v31b,
body.action-compose #compose_from .wmp-identity-search-wrap-v31b {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Keep the visible search input clean inside the input-group */
body.task-mail.action-compose #compose_from .wmp-identity-search-input-v31b,
body.action-compose #compose_from .wmp-identity-search-input-v31b {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Keep Roundcube identity edit pencil on the same line */
body.task-mail.action-compose #compose_from .input-group > a.input-group-text.icon.edit,
body.action-compose #compose_from .input-group > a.input-group-text.icon.edit,
body.task-mail.action-compose #compose_from .input-group > .input-group-append,
body.action-compose #compose_from .input-group > .input-group-append {
  flex: 0 0 auto !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  align-self: stretch !important;
  margin-left: 4px !important;
  box-sizing: border-box !important;
}

/* If the edit link itself is inside input-group-append */
body.task-mail.action-compose #compose_from .input-group > .input-group-append > a.input-group-text.icon.edit,
body.action-compose #compose_from .input-group > .input-group-append > a.input-group-text.icon.edit {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
}

/* Dropdown should align to the visual search input width, not include the edit button */
.wmp-identity-search-list-v31b {
  box-sizing: border-box !important;
}

/* WMP ATTACHMENT OPTIMIZER V31D
   Scope: compose attachment panel only.
   UI for client-side JPG/PNG/WebP optimization before Roundcube upload. */

body.task-mail.action-compose #wmp-attachment-optimizer-v31d,
body.action-compose #wmp-attachment-optimizer-v31d {
  margin: 9px 0 8px 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(150, 170, 178, .32) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .74) !important;
  color: #263942 !important;
  box-sizing: border-box !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-row-v31d,
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-row-v31d {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d,
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #263942 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-v31d input[type="checkbox"],
body.action-compose #wmp-attachment-optimizer-v31d input[type="checkbox"] {
  margin: 0 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-mode-v31d,
body.action-compose #wmp-attachment-optimizer-mode-v31d {
  flex: 0 0 auto !important;
  max-width: 145px !important;
  min-height: 30px !important;
  border-radius: 9px !important;
  border: 1px solid rgba(130, 154, 164, .45) !important;
  background: #ffffff !important;
  color: #243238 !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d,
body.action-compose #wmp-attachment-optimizer-status-v31d {
  margin-top: 6px !important;
  font-size: 11.8px !important;
  line-height: 1.28 !important;
  color: #52676f !important;
  font-weight: 600 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.success,
body.action-compose #wmp-attachment-optimizer-status-v31d.success {
  color: #168466 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.warn,
body.action-compose #wmp-attachment-optimizer-status-v31d.warn {
  color: #a56c00 !important;
}

body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.working,
body.action-compose #wmp-attachment-optimizer-status-v31d.working {
  color: #007fbd !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-v31d,
html.dark-mode body.action-compose #wmp-attachment-optimizer-v31d,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-v31d,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-v31d {
  background: rgba(20, 35, 39, .78) !important;
  border-color: rgba(170, 198, 206, .20) !important;
  color: #d8e6ea !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d,
html.dark-mode body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d {
  color: #d8e6ea !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-mode-v31d,
html.dark-mode body.action-compose #wmp-attachment-optimizer-mode-v31d,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-mode-v31d,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-mode-v31d {
  background: #172629 !important;
  color: #d8e6ea !important;
  border-color: rgba(160, 184, 190, .28) !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d,
html.dark-mode body.action-compose #wmp-attachment-optimizer-status-v31d,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-status-v31d,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-status-v31d {
  color: #aebfc5 !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.success,
html.dark-mode body.action-compose #wmp-attachment-optimizer-status-v31d.success,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.success,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-status-v31d.success {
  color: #5ee6c8 !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.warn,
html.dark-mode body.action-compose #wmp-attachment-optimizer-status-v31d.warn,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.warn,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-status-v31d.warn {
  color: #ffd27a !important;
}

html.dark-mode body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.working,
html.dark-mode body.action-compose #wmp-attachment-optimizer-status-v31d.working,
body.wmp-compose-theme-dark.task-mail.action-compose #wmp-attachment-optimizer-status-v31d.working,
body.wmp-compose-theme-dark.action-compose #wmp-attachment-optimizer-status-v31d.working {
  color: #37beff !important;
}

/* WMP ATTACHMENT OPTIMIZER PANEL POLISH V31E
   Scope: compose attachment optimizer UI only.
   Purpose: fix narrow right-panel layout so checkbox label and preset select
   do not overlap. CSS-only. No JS, no upload/backend/mail logic. */

body.task-mail.action-compose #wmp-attachment-optimizer-v31d,
body.action-compose #wmp-attachment-optimizer-v31d {
  margin: 10px 0 10px 0 !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* In the narrow right compose panel, stack controls vertically */
body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-row-v31d,
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-row-v31d {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Checkbox + label: one clean row */
body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d,
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Keep checkbox compact */
body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d input[type="checkbox"],
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
}

/* Label text gets remaining space, no overlap with select */
body.task-mail.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d span,
body.action-compose #wmp-attachment-optimizer-v31d .wmp-attachment-optimizer-toggle-v31d span {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Preset select: full width below label */
body.task-mail.action-compose #wmp-attachment-optimizer-mode-v31d,
body.action-compose #wmp-attachment-optimizer-mode-v31d {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* Status text: readable but compact */
body.task-mail.action-compose #wmp-attachment-optimizer-status-v31d,
body.action-compose #wmp-attachment-optimizer-status-v31d {
  margin-top: 8px !important;
  font-size: 12.2px !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Prevent the optimizer from pushing into attachment list awkwardly */
body.task-mail.action-compose #compose-attachments #wmp-attachment-optimizer-v31d + ul,
body.action-compose #compose-attachments #wmp-attachment-optimizer-v31d + ul,
body.task-mail.action-compose #compose-attachments #wmp-attachment-optimizer-v31d + .attachmentslist,
body.action-compose #compose-attachments #wmp-attachment-optimizer-v31d + .attachmentslist {
  margin-top: 8px !important;
}

/* WMP COMPOSE SAFETY CHECK V32A
   Passive Compose hints only.
   No send, schedule, DB, cron/systemd, Snooze or AI proofread logic. */

body.task-mail.action-compose .wmp-compose-safety-check-v32a,
body.action-compose .wmp-compose-safety-check-v32a {
  display: none;
  margin: 0 18px 10px 18px;
  padding: 0;
  box-sizing: border-box;
}

body.task-mail.action-compose .wmp-compose-safety-check-v32a.is-visible,
body.action-compose .wmp-compose-safety-check-v32a.is-visible {
  display: block;
}

body.task-mail.action-compose .wmp-compose-safety-item-v32a,
body.action-compose .wmp-compose-safety-item-v32a {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 7px 0;
  padding: 9px 12px;
  border: 1px solid rgba(150, 175, 182, .22);
  border-radius: 12px;
  background: rgba(255, 255, 255, .045);
  color: rgba(226, 238, 241, .92);
  font-size: 13px;
  line-height: 1.35;
  box-shadow: none;
}

body.task-mail.action-compose .wmp-compose-safety-item-v32a.warn,
body.action-compose .wmp-compose-safety-item-v32a.warn {
  border-color: rgba(245, 178, 66, .42);
  background: rgba(245, 178, 66, .095);
}

body.task-mail.action-compose .wmp-compose-safety-item-v32a.note,
body.action-compose .wmp-compose-safety-item-v32a.note {
  border-color: rgba(55, 190, 255, .30);
  background: rgba(55, 190, 255, .075);
}

body.task-mail.action-compose .wmp-compose-safety-icon-v32a,
body.action-compose .wmp-compose-safety-icon-v32a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

body.task-mail.action-compose .wmp-compose-safety-item-v32a.warn .wmp-compose-safety-icon-v32a,
body.action-compose .wmp-compose-safety-item-v32a.warn .wmp-compose-safety-icon-v32a {
  background: rgba(245, 178, 66, .22);
  color: #ffd68a;
}

body.task-mail.action-compose .wmp-compose-safety-item-v32a.note .wmp-compose-safety-icon-v32a,
body.action-compose .wmp-compose-safety-item-v32a.note .wmp-compose-safety-icon-v32a {
  background: rgba(55, 190, 255, .18);
  color: #37beff;
}

body.task-mail.action-compose .wmp-compose-safety-text-v32a,
body.action-compose .wmp-compose-safety-text-v32a {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Light compose mode */
body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-safety-item-v32a,
body.wmp-compose-theme-light.action-compose .wmp-compose-safety-item-v32a {
  background: #ffffff;
  color: #263840;
  border-color: #d5e1e7;
  box-shadow: 0 5px 14px rgba(32, 55, 65, .055);
}

body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-safety-item-v32a.warn,
body.wmp-compose-theme-light.action-compose .wmp-compose-safety-item-v32a.warn {
  background: #fff8ec;
  border-color: #efd3a4;
}

body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-safety-item-v32a.note,
body.wmp-compose-theme-light.action-compose .wmp-compose-safety-item-v32a.note {
  background: #eef8fd;
  border-color: #bee3f3;
}

body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-safety-item-v32a.warn .wmp-compose-safety-icon-v32a,
body.wmp-compose-theme-light.action-compose .wmp-compose-safety-item-v32a.warn .wmp-compose-safety-icon-v32a {
  background: #f4d29b;
  color: #6d4700;
}

body.wmp-compose-theme-light.task-mail.action-compose .wmp-compose-safety-item-v32a.note .wmp-compose-safety-icon-v32a,
body.wmp-compose-theme-light.action-compose .wmp-compose-safety-item-v32a.note .wmp-compose-safety-icon-v32a {
  background: #cbeefe;
  color: #007fbd;
}

@media (max-width: 900px) {
  body.task-mail.action-compose .wmp-compose-safety-check-v32a,
  body.action-compose .wmp-compose-safety-check-v32a {
    margin-left: 12px;
    margin-right: 12px;
  }
}
/* WMP OBC QUICK ATTACH V32A */
body.action-compose .wmp-obc-quick-attach-wrap-v32a,
body.task-mail.action-compose .wmp-obc-quick-attach-wrap-v32a {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0.55rem 0 0.9rem;
  padding: 0;
}

body.action-compose .wmp-obc-quick-attach-v32a,
body.task-mail.action-compose .wmp-obc-quick-attach-v32a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 46px;
  padding: 0.65rem 1rem;
  border: 1px solid var(--input-border-color, #b7c9d3);
  border-radius: 1.2rem;
  background: var(--button-background-color, #f4f8fa);
  color: var(--font-color, #263840);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
}

body.action-compose .wmp-obc-quick-attach-v32a:hover,
body.task-mail.action-compose .wmp-obc-quick-attach-v32a:hover,
body.action-compose .wmp-obc-quick-attach-v32a:focus,
body.task-mail.action-compose .wmp-obc-quick-attach-v32a:focus {
  border-color: var(--main-color, #168fc3);
  background: var(--button-hover-background-color, #e8f4f9);
  outline: none;
}

body.action-compose .wmp-obc-quick-attach-icon-v32a,
body.task-mail.action-compose .wmp-obc-quick-attach-icon-v32a {
  font-size: 1.25rem;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  body.action-compose .wmp-obc-quick-attach-wrap-v32a,
  body.task-mail.action-compose .wmp-obc-quick-attach-wrap-v32a {
    justify-content: flex-end;
  }

  body.action-compose .wmp-obc-quick-attach-v32a,
  body.task-mail.action-compose .wmp-obc-quick-attach-v32a {
    width: auto;
    min-width: 220px;
  }
}