:root { --my-accent: #4645d8; --my-bg: #f6f8fc; --my-line: #e3e7ef; }
  /* ---------- de-OSS everywhere ---------- */
  footer.main-footer, .main-footer { display: none !important; }
  a[href*="github.com/Mailu"], a[href*="mailu.io"], a[href*="roundcube.net"],
  .button-mailu { display: none !important; }
  /* ---------- admin/sso (AdminLTE): light + indigo ---------- */
  .btn-primary { background-color: var(--my-accent) !important; border-color: var(--my-accent) !important; }
  .card-outline.card-primary { border-top-color: var(--my-accent) !important; }
  .sidebar-dark-primary { background-color: #1d2130 !important; }
  .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: var(--my-accent) !important; }
  body.login-page, body.hold-transition { background: var(--my-bg) !important; }
  .login-card-body, .card { border-radius: 14px; }
  /* ---------- webmail (Roundcube elastic): one light surface ---------- */
  body.task-mail, body.task-addressbook, #layout { background: var(--my-bg) !important; }
  /* left icon rail: light, not black */
  #layout-menu, #taskmenu, .task-menu { background: var(--my-bg) !important; border: 0 !important; }
  #taskmenu a, .task-menu a { color: #5f6368 !important; border-radius: 12px; margin: 2px 6px; border: 0 !important; }
  #taskmenu a:hover, .task-menu a:hover { background: #e8ebf3 !important; color: #202124 !important; }
  #taskmenu a.selected, .task-menu a.selected { background: #dfe3f7 !important; color: var(--my-accent) !important; }
  /* hide Settings/About/theme-toggle entirely, in every elastic layout
     (config also disables the settings task; single light theme only) */
  #taskmenu a.settings, .menu a.settings, .special-buttons a.settings,
  #taskmenu a.about, .menu a.about, .special-buttons a.about,
  #taskmenu a.theme, .menu a.theme, .special-buttons a.theme { display: none !important; }
  /* panes as soft white cards */
  #layout-sidebar, #layout-list, #layout-content { background: #fff !important; border: 1px solid var(--my-line) !important; border-radius: 14px; margin: 8px 8px 8px 0; overflow: hidden; }
  #layout-sidebar { background: transparent !important; border: 0 !important; }
  /* headers/toolbars flat */
  .header, .toolbar, #layout-list > .header, #layout-content > .header { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--my-line) !important; box-shadow: none !important; }
  /* folder list */
  #folderlist-content .listing li a { border-radius: 0 16px 16px 0; color: #3c4043; }
  #folderlist-content .listing li.selected > a { background: #dfe3f7 !important; color: var(--my-accent) !important; font-weight: 700; }
  /* message list rows */
  #messagelist li.message { border-bottom: 1px solid #f1f3f4 !important; }
  #messagelist li.message.selected { background: #dfe3f766 !important; }
  #messagelist li.message:hover { background: #f8f9fb !important; }
  /* search pill */
  .searchbar { background: #eef1f8 !important; border: 0 !important; border-radius: 24px !important; }
  .searchbar input { background: transparent !important; }
  /* primary action buttons */
  .btn-primary, button.mainaction, .form-actions .mainaction { background: var(--my-accent) !important; border-color: var(--my-accent) !important; }
  a.button.create, a.compose.button { border-radius: 14px !important; }
  /* dialogs/popovers stay light */
  .popover, .ui-dialog { border-radius: 14px !important; }
  /* compose screen: polished action buttons */
  .formbuttons button, .form-actions button, .btn { border-radius: 20px !important; }
  button.mainaction, .formbuttons .mainaction { background: var(--my-accent) !important; border-color: var(--my-accent) !important; color: #fff !important; font-weight: 700 !important; padding: 0.45rem 1.6rem !important; }
  .formbuttons button:not(.mainaction), .form-actions button:not(.mainaction) { background: #fff !important; color: #3c4043 !important; border: 1px solid var(--my-line) !important; }
  .formbuttons button:not(.mainaction):hover { background: #f1f3f8 !important; }
  #compose-content, #composebody { border-radius: 10px; }
  .compose-attachments, #compose-attachments { border: 1px dashed var(--my-line) !important; border-radius: 10px; }