/* SmartBiz Mail skin layer over Roundcube Elastic */
:root {
  --smartbiz-yellow: #ffcb05;
  --smartbiz-black: #080808;
  --smartbiz-ink: #111111;
  --smartbiz-muted: #5f6368;
  --smartbiz-line: #dedede;
  --smartbiz-soft: #f6f4ef;
}

/* 2026-09-23 complete shell override. Keep this block last in intent:
   it intentionally wins over previous iterative layers in this file. */
html[data-smartbiz-task] body:not(.task-login) {
  --sbz-yellow: #ffcb05 !important;
  --sbz-ink: #101010 !important;
  --sbz-muted: #697176 !important;
  --sbz-line: #ded8cb !important;
  --sbz-paper: #eee7d9 !important;
  --sbz-panel: #fffefa !important;
  --sbz-soft: #f2f0ea !important;
  --sbz-row-active: #fff8d7 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--sbz-paper) !important;
  color: var(--sbz-ink) !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --sbz-ink: #f8fbf9 !important;
  --sbz-muted: #a9b7b2 !important;
  --sbz-line: #2d3b37 !important;
  --sbz-paper: #050706 !important;
  --sbz-panel: #101b18 !important;
  --sbz-soft: #15231f !important;
  --sbz-row-active: #16251f !important;
}

html[data-smartbiz-task] body:not(.task-login) #layout-menu {
  display: none !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
  vertical-align: middle !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar {
  height: 74px !important;
  display: grid !important;
  grid-template-columns: 172px minmax(240px, 620px) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--sbz-line) !important;
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  box-sizing: border-box !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo {
  width: 136px !important;
  height: 46px !important;
  display: block !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-logo,
html.dark-mode body:not(.task-login) .smartbiz-production-logo,
body.dark-mode:not(.task-login) .smartbiz-production-logo {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search {
  height: 46px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  align-items: center !important;
  border: 1px solid #d7ddd9 !important;
  border-radius: 11px !important;
  background: var(--sbz-soft) !important;
  color: var(--sbz-muted) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search .smartbiz-icon {
  justify-self: center !important;
  color: var(--sbz-muted) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-icon,
html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account {
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--sbz-line) !important;
  border-radius: 11px !important;
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-icon .smartbiz-icon {
  width: 19px !important;
  height: 19px !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account {
  max-width: 178px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
  width: 92px !important;
  height: 46px !important;
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sbz-line) !important;
  border-radius: 11px !important;
  background: var(--sbz-panel) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button {
  width: 46px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch .smartbiz-icon {
  width: 17px !important;
  height: 17px !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] {
  background: var(--sbz-yellow) !important;
  color: #101010 !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task] body:not(.task-login) #layout {
    height: calc(100dvh - 74px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout {
    display: grid !important;
    grid-template-columns: 260px 390px minmax(420px, 1fr) !important;
    grid-template-rows: 1fr !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    border-color: var(--sbz-line) !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    grid-column: 1 !important;
    padding: 18px !important;
    border-right: 1px solid var(--sbz-line) !important;
    background: #fbfaf6 !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
  html.dark-mode body:not(.task-login) #layout-sidebar,
  body.dark-mode:not(.task-login) #layout-sidebar {
    background: #0d1714 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list {
    grid-column: 2 !important;
    border-right: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-list-shell {
    min-height: 74px !important;
    display: grid !important;
    align-items: center !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row h1 {
    margin: 0 !important;
    color: var(--sbz-ink) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row p {
    margin: 3px 0 0 !important;
    color: var(--sbz-muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-refresh {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--sbz-line) !important;
    border-radius: 11px !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-search,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist-header {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    grid-column: 3 !important;
    background: #f8f6ef !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-sidebar-compose {
    height: 52px !important;
    margin: 0 0 16px !important;
    display: grid !important;
    grid-template-columns: 20px 1fr !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    background: var(--sbz-yellow) !important;
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a {
    min-height: 46px !important;
    padding: 0 12px !important;
    display: grid !important;
    grid-template-columns: 28px 1fr auto !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 10px !important;
    color: var(--sbz-ink) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li.selected > a,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a.selected {
    background: #101010 !important;
    color: #ffffff !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .header {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content::after {
    content: "" !important;
    position: absolute !important;
    inset: 74px 0 0 !important;
    pointer-events: none !important;
    opacity: .05 !important;
    background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") center 70px / min(360px, 42vw) auto no-repeat !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content::after,
  html.dark-mode body:not(.task-login) #layout-content::after,
  body.dark-mode:not(.task-login) #layout-content::after {
    display: none !important;
    opacity: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader #messagecontframe,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader iframe[src*="watermark"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr {
    height: 76px !important;
    min-height: 76px !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    border-bottom: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr.selected {
    background: var(--sbz-row-active) !important;
    box-shadow: inset 5px 0 0 var(--sbz-yellow) !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout-sidebar {
    display: block !important;
    padding: 18px !important;
    border-right: 1px solid var(--sbz-line) !important;
    background: #fbfaf6 !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout-content,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .formcontent,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .boxcontent,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .uibox {
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    border-color: var(--sbz-line) !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout-sidebar a,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .listing li a {
    border-radius: 10px !important;
    color: var(--sbz-ink) !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task] body:not(.task-login) {
    overflow: hidden !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar {
    height: 74px !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 8px !important;
    padding: 0 16px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo {
    width: 112px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-calendar-entry,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-entry {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    border-radius: 999px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button {
    display: none !important;
    width: 38px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="false"] {
    display: block !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout {
    width: 100vw !important;
    height: calc(100dvh - 74px - 64px) !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task] body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list,
  html[data-smartbiz-task] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    overflow: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-list {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-content {
    display: block !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list .header,
  html[data-smartbiz-task] body:not(.task-login) #layout-content .header {
    min-height: 72px !important;
    height: 72px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #messagelist tbody tr,
  html[data-smartbiz-task] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task] body:not(.task-login) .listing tbody tr {
    height: 64px !important;
    min-height: 64px !important;
    background: var(--sbz-panel) !important;
    border-bottom: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #smartbiz-mobile-back {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
    border: 1px solid var(--sbz-line) !important;
    border-radius: 999px !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000 !important;
    height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: center !important;
    border-top: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav a {
    height: 64px !important;
    display: grid !important;
    place-items: center !important;
    gap: 2px !important;
    color: var(--sbz-muted) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav a.active {
    color: var(--sbz-ink) !important;
  }
}

/* 2026-09-23 SmartBiz production shell final override.
   This layer maps the real Roundcube DOM to the validated desktop/mobile mockups. */
html[data-smartbiz-task="mail"] body:not(.task-login) {
  --sbz-yellow: #ffcb05 !important;
  --sbz-ink: #101010 !important;
  --sbz-muted: #697176 !important;
  --sbz-line: #ded8cb !important;
  --sbz-paper: #eee7d9 !important;
  --sbz-panel: #fffefa !important;
  --sbz-soft: #f2f0ea !important;
  --sbz-row-active: #fff8d7 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--sbz-paper) !important;
  color: var(--sbz-ink) !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --sbz-ink: #f8fbf9 !important;
  --sbz-muted: #a9b7b2 !important;
  --sbz-line: #2d3b37 !important;
  --sbz-paper: #050706 !important;
  --sbz-panel: #101b18 !important;
  --sbz-soft: #15231f !important;
  --sbz-row-active: #16251f !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-menu {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-topbar {
  height: 74px !important;
  display: grid !important;
  grid-template-columns: 236px minmax(240px, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--sbz-line) !important;
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  box-sizing: border-box !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-logo {
  width: 136px !important;
  height: 46px !important;
  display: block !important;
  background-image: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-logo,
html.dark-mode body:not(.task-login) .smartbiz-production-logo,
body.dark-mode:not(.task-login) .smartbiz-production-logo {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-search {
  height: 46px !important;
  max-width: 620px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  align-items: center !important;
  border: 1px solid #d7ddd9 !important;
  border-radius: 11px !important;
  background: var(--sbz-soft) !important;
  color: var(--sbz-muted) !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-search span {
  text-align: center !important;
  font-weight: 900 !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-search input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px 0 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-icon,
html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-account {
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--sbz-line) !important;
  border-radius: 11px !important;
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-account {
  max-width: 178px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch {
  width: 92px !important;
  height: 46px !important;
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sbz-line) !important;
  border-radius: 11px !important;
  background: var(--sbz-panel) !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button {
  width: 46px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] {
  background: var(--sbz-yellow) !important;
  color: #101010 !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout {
    height: calc(100dvh - 74px) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 260px 390px minmax(420px, 1fr) !important;
    grid-template-rows: 1fr !important;
    overflow: hidden !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    border-color: var(--sbz-line) !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    grid-column: 1 !important;
    padding: 18px !important;
    border-right: 1px solid var(--sbz-line) !important;
    background: #fbfaf6 !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
  html.dark-mode body:not(.task-login) #layout-sidebar,
  body.dark-mode:not(.task-login) #layout-sidebar {
    background: #0d1714 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list {
    grid-column: 2 !important;
    border-right: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    grid-column: 3 !important;
    background: #f8f6ef !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
  html.dark-mode body:not(.task-login) #layout-content,
  body.dark-mode:not(.task-login) #layout-content {
    background: #0b1210 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header {
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header::before {
    content: "" !important;
    width: 136px !important;
    height: 46px !important;
    display: block !important;
    background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar .header::before,
  html.dark-mode body:not(.task-login) #layout-sidebar .header::before,
  body.dark-mode:not(.task-login) #layout-sidebar .header::before {
    background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header > * {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-sidebar-compose {
    height: 52px !important;
    margin: 0 0 16px !important;
    border-radius: 12px !important;
    background: var(--sbz-yellow) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a {
    min-height: 46px !important;
    padding: 0 12px !important;
    display: grid !important;
    grid-template-columns: 28px 1fr auto !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 10px !important;
    color: var(--sbz-ink) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li.selected > a,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a.selected {
    background: #101010 !important;
    color: #ffffff !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .header {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header .header-title {
    font-size: 25px !important;
    font-weight: 950 !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr {
    height: 86px !important;
    min-height: 86px !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    border-bottom: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr.selected {
    background: var(--sbz-row-active) !important;
    box-shadow: inset 5px 0 0 var(--sbz-yellow) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header h2,
  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header .subject {
    color: var(--sbz-ink) !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-htmlpart {
    max-width: 760px !important;
    padding: 26px 34px !important;
    color: var(--sbz-ink) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    background: transparent !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) {
    overflow: hidden !important;
    background: #000000 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-topbar {
    height: 74px !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 10px !important;
    padding: 0 16px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-logo {
    width: 112px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-search,
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-account,
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-calendar-entry {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-production-actions {
    gap: 8px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    border-radius: 999px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button {
    display: none !important;
    width: 38px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="false"] {
    display: block !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout {
    width: 100vw !important;
    height: calc(100dvh - 74px - 64px) !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background: var(--sbz-panel) !important;
    overflow: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-list {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-content {
    display: block !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .header {
    min-height: 74px !important;
    height: 74px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header .header-title {
    font-size: 26px !important;
    font-weight: 850 !important;
    color: var(--sbz-ink) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr {
    height: 68px !important;
    min-height: 68px !important;
    background: var(--sbz-panel) !important;
    border-bottom: 1px solid var(--sbz-line) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr.selected {
    box-shadow: inset 5px 0 0 var(--sbz-yellow) !important;
    background: var(--sbz-row-active) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #smartbiz-mobile-back {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
    border: 1px solid var(--sbz-line) !important;
    border-radius: 999px !important;
    background: var(--sbz-panel) !important;
    color: var(--sbz-ink) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header h2,
  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header .subject {
    color: var(--sbz-ink) !important;
    font-size: 26px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-htmlpart {
    padding: 20px 16px 92px !important;
    color: var(--sbz-ink) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000 !important;
    height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: center !important;
    border-top: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-nav a {
    height: 64px !important;
    display: grid !important;
    place-items: center !important;
    gap: 2px !important;
    color: var(--sbz-muted) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-nav a.active {
    color: var(--sbz-ink) !important;
  }
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-nav,
  html[data-smartbiz-task="mail"] body:not(.task-login) #smartbiz-mobile-back {
    display: none !important;
  }
}

/* 2026-09-23 deployed Roundcube mail task hard override.
   The live app does not always expose body.task-mail, so the template mirrors
   the task on html[data-smartbiz-task] and these rules own the real layout. */
html[data-smartbiz-task="mail"] body:not(.task-login) {
  --smartbiz-folder-width: 238px !important;
  --smartbiz-list-width: 356px !important;
  --smartbiz-reader-bg: #f8f6ef !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-menu {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
    padding: 16px 14px !important;
    border-right: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
    border-right: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 420px !important;
    background: var(--smartbiz-reader-bg) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header {
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header::before {
    content: "" !important;
    display: block !important;
    width: 104px !important;
    height: 38px !important;
    background-image: url("../images/smartbiz-primary-transparent.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header .header-title,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header .buttons,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header a {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-sidebar-compose {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 0 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #111111 !important;
    background: #ffcb05 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .listing {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li.mailbox {
    margin: 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a {
    min-height: 44px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 8px !important;
    color: var(--sbz-muted) !important;
    font-weight: 800 !important;
    background: transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li.selected > a,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist li a.selected {
    color: #ffffff !important;
    background: #0b0b0b !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header {
    min-height: 80px !important;
    padding: 18px 16px 10px !important;
    align-items: flex-end !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header .header-title {
    color: var(--sbz-text) !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #quicksearchbar {
    border-radius: 8px !important;
    border: 1px solid var(--sbz-line) !important;
    background: var(--sbz-field) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist li,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist li {
    min-height: 82px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist li.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist li.selected {
    box-shadow: inset 4px 0 0 #ffcb05 !important;
    background: var(--sbz-row-active) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .header {
    min-height: 80px !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--sbz-line) !important;
    background: var(--sbz-panel) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch {
    margin-left: auto !important;
    width: 96px !important;
    height: 42px !important;
    display: inline-grid !important;
    grid-template-columns: 1fr 1fr !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid var(--sbz-line) !important;
    background: var(--sbz-field) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 48px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--sbz-text) !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] {
    color: #111111 !important;
    background: #ffcb05 !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-menu {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    width: 100% !important;
    max-width: none !important;
    border-right: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    width: 100% !important;
    max-width: none !important;
  }
}

/* 2026-08-27 mailbox production override.
   Roundcube's primary task rail is narrow by design; keep it icon-only and
   move readable navigation to the folder/list panes to prevent clipping. */
body:not(.task-login) {
  --smartbiz-rail: 76px;
  --smartbiz-folders: 360px;
  --smartbiz-messages: 520px;
  --smartbiz-yellow: #ffcb05;
  --smartbiz-night: #07120f;
  --smartbiz-panel: #ffffff;
  --smartbiz-paper: #fbfaf4;
  --smartbiz-border: rgba(7, 18, 15, .12);
}

body:not(.task-login) #layout,
body:not(.task-login) #layout-content,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-sidebar {
  color: #12201d !important;
}

body:not(.task-login) #layout-menu {
  width: var(--smartbiz-rail) !important;
  min-width: var(--smartbiz-rail) !important;
  max-width: var(--smartbiz-rail) !important;
  background: #ffffff !important;
  border-right: 1px solid var(--smartbiz-border) !important;
  overflow: hidden !important;
  z-index: 50 !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--smartbiz-border) !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  width: 54px !important;
  height: 28px !important;
  left: 10px !important;
  top: 22px !important;
  background-size: contain !important;
  background-position: center !important;
}

body:not(.task-login) #taskmenu,
body:not(.task-login) #layout-menu .special-buttons {
  width: var(--smartbiz-rail) !important;
  padding: 10px 0 !important;
  background: #ffffff !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 7px 9px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #07120f !important;
  background: transparent !important;
  overflow: hidden !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before {
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  color: currentColor !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #layout-menu .special-buttons a:hover {
  background: var(--smartbiz-yellow) !important;
  color: #07120f !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  border-top: 1px solid var(--smartbiz-border) !important;
}

@media (min-width: 1100px) {
  body:not(.task-login) #layout-sidebar {
    left: var(--smartbiz-rail) !important;
    width: var(--smartbiz-folders) !important;
    background: var(--smartbiz-paper) !important;
    border-right: 1px solid var(--smartbiz-border) !important;
  }

  body:not(.task-login) #layout-list {
    left: calc(var(--smartbiz-rail) + var(--smartbiz-folders)) !important;
    width: var(--smartbiz-messages) !important;
    background: #ffffff !important;
    border-right: 1px solid var(--smartbiz-border) !important;
  }

  body:not(.task-login) #layout-content {
    left: calc(var(--smartbiz-rail) + var(--smartbiz-folders) + var(--smartbiz-messages)) !important;
    background: #ffffff !important;
  }
}

body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header,
body:not(.task-login) .toolbar {
  background: #ffffff !important;
  border-color: var(--smartbiz-border) !important;
  color: #12201d !important;
}

body:not(.task-login) #mailboxlist li a {
  min-height: 44px !important;
  padding: 12px 18px !important;
  color: #12201d !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

body:not(.task-login) #mailboxlist li.selected > a,
body:not(.task-login) #mailboxlist li a:hover {
  background: #fff0a8 !important;
  color: #07120f !important;
}

body:not(.task-login) #messagelist tbody td,
body:not(.task-login) #messagelist tbody a,
body:not(.task-login) .listing tbody td,
body:not(.task-login) .listing tbody a {
  color: #12201d !important;
}

body:not(.task-login) .searchbar,
body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="search"],
body:not(.task-login) textarea {
  background: #ffffff !important;
  color: #12201d !important;
  border-color: rgba(7, 18, 15, .18) !important;
}

body:not(.task-login) #layout-content .watermark,
body:not(.task-login) .watermark {
  opacity: .07 !important;
  filter: grayscale(1) !important;
}

body:not(.task-login) img[src*="roundcube"],
body:not(.task-login) .roundcube-logo {
  display: none !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
body.dark-mode:not(.task-login) {
  --smartbiz-panel: #111b1a;
  --smartbiz-paper: #101917;
  --smartbiz-border: rgba(255, 255, 255, .14);
  background: #07120f !important;
  color: #f8f4e8 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu,
body.dark-mode:not(.task-login) #taskmenu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu .special-buttons,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar .header,
body.dark-mode:not(.task-login) #layout-sidebar .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list .header,
body.dark-mode:not(.task-login) #layout-list .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content .header,
body.dark-mode:not(.task-login) #layout-content .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) .toolbar,
body.dark-mode:not(.task-login) .toolbar {
  background: #101917 !important;
  border-color: var(--smartbiz-border) !important;
  color: #f8f4e8 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #taskmenu a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a,
body.dark-mode:not(.task-login) #mailboxlist li a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody td,
body.dark-mode:not(.task-login) #messagelist tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody a,
body.dark-mode:not(.task-login) #messagelist tbody a,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody td,
body.dark-mode:not(.task-login) .listing tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody a,
body.dark-mode:not(.task-login) .listing tbody a {
  color: #f8f4e8 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #taskmenu a:hover,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li.selected > a,
body.dark-mode:not(.task-login) #mailboxlist li.selected > a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:hover,
body.dark-mode:not(.task-login) #mailboxlist li a:hover {
  background: var(--smartbiz-yellow) !important;
  color: #07120f !important;
}

@media (max-width: 1099px) {
  body:not(.task-login) {
    --smartbiz-rail: 68px;
  }

  body:not(.task-login) #layout-menu {
    width: var(--smartbiz-rail) !important;
    min-width: var(--smartbiz-rail) !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 6px 8px !important;
  }
}

body {
  font-family: "MTN Brighter Sans", Roboto, Arial, Helvetica, sans-serif;
}

a,
.listing td a,
.menu a:focus,
.menu a:hover {
  color: #111;
}

.btn-primary,
button.btn-primary,
input.button.mainaction,
a.button.mainaction,
.formbuttons .button {
  color: #111 !important;
  background-color: var(--smartbiz-yellow) !important;
  border-color: var(--smartbiz-yellow) !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.button.mainaction:hover,
a.button.mainaction:hover {
  background-color: #f4c000 !important;
  border-color: #f4c000 !important;
}

#layout-menu,
html.dark-mode #layout-menu {
  background: #090909 !important;
}

#layout-menu .popover-header,
html.dark-mode #layout-menu .popover-header {
  background: #090909 !important;
}

#layout-menu .menu a.selected,
#layout-menu .menu a:focus,
#layout-menu .menu a:hover {
  color: var(--smartbiz-yellow) !important;
  background: rgba(255, 203, 5, .12) !important;
}

#layout>div>.header,
#layout>div>.footer {
  background: #fff !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

.listing tbody tr.selected td,
.listing li.selected,
.listing tr.selected td {
  background-color: rgba(255, 203, 5, .18) !important;
  color: #111 !important;
}

.searchbar input,
input.form-control,
textarea.form-control {
  border-radius: 12px !important;
}

html.dark-mode body:not(.task-login) {
  background: #070707;
}

html.dark-mode #layout-content,
html.dark-mode #layout-list,
html.dark-mode #layout-sidebar,
html.dark-mode #layout>div>.header,
html.dark-mode #layout>div>.footer {
  background: #0f0f0f !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

html.dark-mode .listing tbody tr.selected td,
html.dark-mode .listing li.selected,
html.dark-mode .listing tr.selected td {
  background-color: rgba(255, 203, 5, .18) !important;
  color: #fff !important;
}

/* 2026-09-03 mailbox console refresh.
   Keep Elastic's functional panes, but make SmartBiz tools visible and usable. */
body:not(.task-login) {
  --smartbiz-menu-width: 222px;
  --smartbiz-folder-width: 318px;
  --smartbiz-list-width: 520px;
  --smartbiz-topbar: 50px;
  --smartbiz-yellow: #ffcb05;
  --smartbiz-charcoal: #101719;
  --smartbiz-ink-strong: #111517;
  --smartbiz-ink-soft: #536064;
  --smartbiz-surface: #ffffff;
  --smartbiz-shell: #f7f7f4;
  --smartbiz-panel-soft: #fbfaf4;
  --smartbiz-line-soft: rgba(16, 23, 25, .12);
  --smartbiz-line-strong: rgba(16, 23, 25, .18);
  min-width: 1024px !important;
  background: var(--smartbiz-shell) !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout {
  display: flex !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--smartbiz-shell) !important;
}

body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  height: 100vh !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body:not(.task-login) #layout-menu {
  order: 0 !important;
  flex: 0 0 var(--smartbiz-menu-width) !important;
  width: var(--smartbiz-menu-width) !important;
  min-width: var(--smartbiz-menu-width) !important;
  max-width: var(--smartbiz-menu-width) !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-right: 1px solid var(--smartbiz-line-soft) !important;
  color: var(--smartbiz-ink-strong) !important;
  z-index: 30 !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  flex: 0 0 var(--smartbiz-topbar) !important;
  height: var(--smartbiz-topbar) !important;
  min-height: var(--smartbiz-topbar) !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--smartbiz-line-soft) !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  content: "" !important;
  display: block !important;
  width: 120px !important;
  height: 34px !important;
  position: static !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important;
}

body:not(.task-login) #taskmenu,
body:not(.task-login) #layout-menu .special-buttons {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 14px 12px !important;
  background: #ffffff !important;
}

body:not(.task-login) #taskmenu {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 2px 0 7px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border-radius: 7px !important;
  color: var(--smartbiz-ink-strong) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.button.compose,
body:not(.task-login) #taskmenu a[aria-label="Compose"],
body:not(.task-login) #taskmenu a[title="Compose"] {
  height: 50px !important;
  margin: 4px 0 14px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #ffcb05 !important;
  box-shadow: 0 12px 26px rgba(255, 203, 5, .22) !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 18px !important;
  text-align: center !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #layout-menu .special-buttons a.selected,
body:not(.task-login) #layout-menu .special-buttons a:focus,
body:not(.task-login) #layout-menu .special-buttons a:hover {
  color: var(--smartbiz-ink-strong) !important;
  background: rgba(255, 203, 5, .35) !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  border-top: 1px solid var(--smartbiz-line-soft) !important;
}

body:not(.task-login) #layout-sidebar {
  order: 1 !important;
  flex: 0 0 var(--smartbiz-folder-width) !important;
  width: var(--smartbiz-folder-width) !important;
  min-width: 260px !important;
  max-width: var(--smartbiz-folder-width) !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--smartbiz-panel-soft) !important;
  border-right: 1px solid var(--smartbiz-line-soft) !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout-list {
  order: 2 !important;
  flex: 0 0 var(--smartbiz-list-width) !important;
  width: var(--smartbiz-list-width) !important;
  min-width: 360px !important;
  max-width: var(--smartbiz-list-width) !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-right: 1px solid var(--smartbiz-line-soft) !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout-content {
  order: 3 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout > div > .header,
body:not(.task-login) #layout > div > .footer,
body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header,
body:not(.task-login) .toolbar {
  height: var(--smartbiz-topbar) !important;
  min-height: var(--smartbiz-topbar) !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border-color: var(--smartbiz-line-soft) !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout-sidebar .header .header-title,
body:not(.task-login) #layout-list .header .header-title,
body:not(.task-login) #layout-content .header .header-title {
  color: var(--smartbiz-ink-strong) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:not(.task-login) #mailboxlist {
  padding: 10px 0 !important;
}

body:not(.task-login) #mailboxlist li,
body:not(.task-login) #mailboxlist li.mailbox {
  border-bottom: 1px solid rgba(16, 23, 25, .06) !important;
}

body:not(.task-login) #mailboxlist li a {
  min-height: 42px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 0 !important;
  color: var(--smartbiz-ink-strong) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

body:not(.task-login) #mailboxlist li a::before {
  color: #6c7477 !important;
  font-size: 15px !important;
}

body:not(.task-login) #mailboxlist li.selected > a,
body:not(.task-login) #mailboxlist li a:focus,
body:not(.task-login) #mailboxlist li a:hover {
  background: rgba(255, 203, 5, .34) !important;
  color: #070707 !important;
}

body:not(.task-login) #messagelist,
body:not(.task-login) .listing {
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #messagelist tbody tr,
body:not(.task-login) .messagelist tr,
body:not(.task-login) .listing tbody tr {
  min-height: 45px !important;
  border-bottom: 1px solid rgba(16, 23, 25, .08) !important;
}

body:not(.task-login) #messagelist tbody td,
body:not(.task-login) #messagelist tbody a,
body:not(.task-login) .listing tbody td,
body:not(.task-login) .listing tbody a {
  color: var(--smartbiz-ink-strong) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body:not(.task-login) .listing tbody tr.selected td,
body:not(.task-login) .listing li.selected,
body:not(.task-login) .listing tr.selected td,
body:not(.task-login) #messagelist tbody tr.selected td {
  background-color: rgba(255, 203, 5, .18) !important;
}

body:not(.task-login) .searchbar {
  height: 34px !important;
  margin: 7px 8px !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  border: 1px solid var(--smartbiz-line-strong) !important;
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) .searchbar input,
body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="search"],
body:not(.task-login) textarea {
  color: var(--smartbiz-ink-strong) !important;
  background: #ffffff !important;
  border-color: var(--smartbiz-line-strong) !important;
}

body:not(.task-login) #layout-content .watermark,
body:not(.task-login) .watermark {
  opacity: .92 !important;
  filter: none !important;
}

body:not(.task-login) #layout-content .watermark::before,
body:not(.task-login) #layout-content .watermark img,
body:not(.task-login) .watermark img {
  opacity: .18 !important;
}

body:not(.task-login) #layout-content::after {
  content: "" !important;
  position: absolute !important;
  inset: var(--smartbiz-topbar) 0 0 0 !important;
  pointer-events: none !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") center center / min(360px, 42vw) auto no-repeat !important;
  opacity: .08 !important;
}

body:not(.task-login) #layout-content .header,
body:not(.task-login) #layout-content .scroller,
body:not(.task-login) #layout-content .content,
body:not(.task-login) #layout-content .iframe-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

body:not(.task-login) a.button,
body:not(.task-login) button,
body:not(.task-login) .toolbar a {
  border-radius: 6px !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --smartbiz-ink-strong: #eef5f3;
  --smartbiz-ink-soft: #a8b4b1;
  --smartbiz-surface: #121b1d;
  --smartbiz-shell: #0c1315;
  --smartbiz-panel-soft: #10191b;
  --smartbiz-line-soft: rgba(238, 245, 243, .13);
  --smartbiz-line-strong: rgba(238, 245, 243, .24);
  background: var(--smartbiz-shell) !important;
  color: var(--smartbiz-ink-strong) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout,
body.dark-mode:not(.task-login) #layout,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout > div > .header,
html.dark-mode body:not(.task-login) #layout > div > .header,
body.dark-mode:not(.task-login) #layout > div > .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout > div > .footer,
html.dark-mode body:not(.task-login) #layout > div > .footer,
body.dark-mode:not(.task-login) #layout > div > .footer,
html[data-smartbiz-theme="dark"] body:not(.task-login) .toolbar,
html.dark-mode body:not(.task-login) .toolbar,
body.dark-mode:not(.task-login) .toolbar {
  background: var(--smartbiz-surface) !important;
  border-color: var(--smartbiz-line-soft) !important;
  color: var(--smartbiz-ink-strong) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar {
  background: var(--smartbiz-panel-soft) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu,
html.dark-mode body:not(.task-login) #taskmenu,
body.dark-mode:not(.task-login) #taskmenu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu .special-buttons {
  background: var(--smartbiz-surface) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #taskmenu a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a,
html.dark-mode body:not(.task-login) #mailboxlist li a,
body.dark-mode:not(.task-login) #mailboxlist li a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody td,
html.dark-mode body:not(.task-login) #messagelist tbody td,
body.dark-mode:not(.task-login) #messagelist tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody a,
html.dark-mode body:not(.task-login) #messagelist tbody a,
body.dark-mode:not(.task-login) #messagelist tbody a,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody td,
html.dark-mode body:not(.task-login) .listing tbody td,
body.dark-mode:not(.task-login) .listing tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody a,
html.dark-mode body:not(.task-login) .listing tbody a,
body.dark-mode:not(.task-login) .listing tbody a {
  color: var(--smartbiz-ink-strong) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.compose,
html.dark-mode body:not(.task-login) #taskmenu a.compose,
body.dark-mode:not(.task-login) #taskmenu a.compose,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.button.compose,
html.dark-mode body:not(.task-login) #taskmenu a.button.compose,
body.dark-mode:not(.task-login) #taskmenu a.button.compose,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a[aria-label="Compose"],
html.dark-mode body:not(.task-login) #taskmenu a[aria-label="Compose"],
body.dark-mode:not(.task-login) #taskmenu a[aria-label="Compose"],
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a[title="Compose"],
html.dark-mode body:not(.task-login) #taskmenu a[title="Compose"],
body.dark-mode:not(.task-login) #taskmenu a[title="Compose"] {
  color: #ffffff !important;
  background: #ffcb05 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #taskmenu a:focus,
body.dark-mode:not(.task-login) #taskmenu a:focus,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #taskmenu a:hover,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li.selected > a,
html.dark-mode body:not(.task-login) #mailboxlist li.selected > a,
body.dark-mode:not(.task-login) #mailboxlist li.selected > a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:focus,
html.dark-mode body:not(.task-login) #mailboxlist li a:focus,
body.dark-mode:not(.task-login) #mailboxlist li a:focus,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:hover,
html.dark-mode body:not(.task-login) #mailboxlist li a:hover,
body.dark-mode:not(.task-login) #mailboxlist li a:hover {
  color: #070707 !important;
  background: var(--smartbiz-yellow) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .searchbar,
html.dark-mode body:not(.task-login) .searchbar,
body.dark-mode:not(.task-login) .searchbar,
html[data-smartbiz-theme="dark"] body:not(.task-login) .searchbar input,
html.dark-mode body:not(.task-login) .searchbar input,
body.dark-mode:not(.task-login) .searchbar input,
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="text"],
html.dark-mode body:not(.task-login) input[type="text"],
body.dark-mode:not(.task-login) input[type="text"],
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="search"],
html.dark-mode body:not(.task-login) input[type="search"],
body.dark-mode:not(.task-login) input[type="search"],
html[data-smartbiz-theme="dark"] body:not(.task-login) textarea,
html.dark-mode body:not(.task-login) textarea,
body.dark-mode:not(.task-login) textarea {
  color: var(--smartbiz-ink-strong) !important;
  background: #0f181a !important;
  border-color: var(--smartbiz-line-strong) !important;
}

@media (max-width: 1280px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 198px;
    --smartbiz-folder-width: 260px;
    --smartbiz-list-width: 440px;
  }
}

@media (max-width: 960px) {
  body:not(.task-login) {
    min-width: 320px !important;
    --smartbiz-menu-width: 68px;
  }

  body:not(.task-login) #layout-menu {
    flex-basis: var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    padding: 0 8px !important;
    justify-content: center !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 48px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }
}

/* Login experience */
body.task-login {
  margin: 0 !important;
  background: #fff !important;
  color: #0b0b0b !important;
  min-width: 320px !important;
  overflow: hidden !important;
}

body.task-login:before {
  content: none !important;
  display: none !important;
}

body.task-login #layout,
body.task-login #layout-content,
body.task-login #login-form,
body.task-login .smartbiz-login-v1,
body.task-login .smartbiz-login-v1 * {
  box-sizing: border-box !important;
}

body.task-login #layout {
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

body.task-login #layout-menu,
body.task-login #layout-sidebar,
body.task-login #layout-list,
body.task-login #layout-content > .header,
body.task-login #layout-content > .footer,
body.task-login .popover-header,
body.task-login .roundcube-logo,
body.task-login .logo,
body.task-login #logo,
body.task-login img[src*="roundcube"],
body.task-login img[alt*="Roundcube"],
body.task-login img[alt*="roundcube"] {
  display: none !important;
}

body.task-login #layout-content.smartbiz-login-v1 {
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-rows: 78px minmax(0, 1fr) auto !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  background: #fff !important;
}

.smartbiz-login-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 78px !important;
  padding: 0 44px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
  z-index: 3 !important;
}

.smartbiz-logo-wrap {
  position: relative !important;
  display: block !important;
  width: 178px !important;
  height: 52px !important;
  flex: 0 0 auto !important;
}

.smartbiz-login-logo {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  width: 178px !important;
  height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.smartbiz-logo-dark {
  opacity: 0 !important;
}

.smartbiz-theme-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 42px !important;
  padding: 3px !important;
  background: #f3f3f3 !important;
  border: 2px solid var(--smartbiz-line) !important;
  border-radius: 999px !important;
}

.smartbiz-theme-switch button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 32px !important;
  padding: 0 12px !important;
  color: #333 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.smartbiz-theme-switch button[aria-pressed="true"] {
  color: #111 !important;
  background: var(--smartbiz-yellow) !important;
}

.smartbiz-login-hero {
  width: min(1360px, calc(100vw - 72px)) !important;
  min-height: 520px !important;
  height: min(640px, calc(100vh - 184px)) !important;
  justify-self: center !important;
  margin: 10px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(420px, .92fr) minmax(520px, 1.08fr) !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #fbf4e9 !important;
  box-shadow: none !important;
}

.smartbiz-login-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 34px 58px !important;
  text-align: left !important;
  background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 74%, rgba(255,255,255,.56) 100%) !important;
  z-index: 2 !important;
}

.smartbiz-login-kicker {
  margin: 0 0 12px !important;
  color: #111 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.smartbiz-login-copy h2 {
  max-width: 560px !important;
  margin: 0 0 12px !important;
  color: #080808 !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.smartbiz-login-lead {
  max-width: 520px !important;
  margin: 0 0 22px !important;
  color: #4b4b4b !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.smartbiz-login-media {
  position: relative !important;
  min-width: 0 !important;
  min-height: 100% !important;
}

.smartbiz-login-media:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 28% !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

.smartbiz-login-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
}

body.task-login #login-form.smartbiz-login-card {
  position: static !important;
  width: min(500px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #111 !important;
  text-align: left !important;
}

body.task-login #login-form.smartbiz-login-card::before,
body.task-login #login-form.smartbiz-login-card::after {
  content: none !important;
  display: none !important;
}

.smartbiz-login-card .smartbiz-login-eyebrow {
  margin: 0 0 10px !important;
  color: #6b5a00 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.smartbiz-login-card h3 {
  margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.smartbiz-login-card table,
.smartbiz-login-card tbody,
.smartbiz-login-card tr,
.smartbiz-login-card td {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.smartbiz-login-card td.title {
  display: none !important;
}

.smartbiz-login-card td.input {
  position: relative !important;
  margin-bottom: 10px !important;
}

.smartbiz-login-card .input-group-prepend {
  position: absolute !important;
  left: 1px !important;
  top: 1px !important;
  z-index: 5 !important;
  display: flex !important;
  width: 54px !important;
  height: 48px !important;
}

.smartbiz-login-card .input-group-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 48px !important;
  color: #111 !important;
  background: #f3f4f6 !important;
  border: 0 !important;
  border-right: 1px solid #dfdfdf !important;
  border-radius: 14px 0 0 14px !important;
}

.smartbiz-login-card #rcmloginuser,
.smartbiz-login-card #rcmloginpwd {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 18px 0 72px !important;
  color: #111 !important;
  background: #fff !important;
  border: 2px solid var(--smartbiz-line) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 50px !important;
}

.smartbiz-login-card #rcmloginuser:focus,
.smartbiz-login-card #rcmloginpwd:focus {
  border-color: var(--smartbiz-yellow) !important;
  box-shadow: 0 0 0 4px rgba(255,203,5,.24) !important;
}

.smartbiz-login-card .formbuttons,
.smartbiz-login-card p.formbuttons {
  width: 100% !important;
  margin: 12px 0 0 !important;
}

.smartbiz-login-card #rcmloginsubmit {
  width: 100% !important;
  height: 50px !important;
  color: #111 !important;
  background: var(--smartbiz-yellow) !important;
  border: 2px solid var(--smartbiz-yellow) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.smartbiz-login-card #login-footer {
  margin-top: 12px !important;
  color: #515151 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.smartbiz-login-trust {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  color: #111 !important;
  background: rgba(255,203,5,.18) !important;
  border: 1px solid rgba(255,203,5,.45) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.smartbiz-login-footer {
  width: 100% !important;
  align-self: end !important;
  background: #070707 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  color: #888 !important;
}

.smartbiz-login-footer-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: min(1160px, calc(100vw - 96px)) !important;
  min-height: 74px !important;
  margin: 0 auto !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.smartbiz-login-footer p {
  margin: 0 !important;
  color: #888 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}

.smartbiz-login-footer strong,
.smartbiz-login-footer a {
  color: #d8d8d8 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

html[data-smartbiz-theme="dark"] body.task-login,
html[data-smartbiz-theme="dark"] body.task-login #layout-content.smartbiz-login-v1 {
  background: #070707 !important;
  color: #f7f7f7 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-topbar {
  background: #0b0b0b !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-logo-light {
  opacity: 0 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-logo-dark {
  opacity: 1 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-theme-switch {
  background: #151515 !important;
  border-color: rgba(255,255,255,.18) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-theme-switch button {
  color: #f8f8f8 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-theme-switch button[aria-pressed="true"] {
  color: #111 !important;
  background: var(--smartbiz-yellow) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-hero {
  background: #101010 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-copy {
  background: linear-gradient(90deg, rgba(9,9,9,.98) 0%, rgba(9,9,9,.93) 74%, rgba(9,9,9,.64) 100%) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-kicker,
html[data-smartbiz-theme="dark"] .smartbiz-login-copy h2,
html[data-smartbiz-theme="dark"] .smartbiz-login-card h3 {
  color: #fff !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-lead {
  color: #d6d6d6 !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-card .smartbiz-login-eyebrow {
  color: var(--smartbiz-yellow) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-media:before {
  background: linear-gradient(90deg, rgba(9,9,9,.82), rgba(9,9,9,0)) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-card .input-group-text {
  color: #f7f7f7 !important;
  background: #1d1d1d !important;
  border-right-color: rgba(255,255,255,.14) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-card #rcmloginuser,
html[data-smartbiz-theme="dark"] .smartbiz-login-card #rcmloginpwd {
  color: #fff !important;
  background: #101010 !important;
  border-color: rgba(255,255,255,.22) !important;
}

html[data-smartbiz-theme="dark"] .smartbiz-login-trust {
  color: var(--smartbiz-yellow) !important;
  background: rgba(255,203,5,.12) !important;
  border-color: rgba(255,203,5,.32) !important;
}

html[data-smartbiz-theme="light"] .smartbiz-logo-light {
  opacity: 1 !important;
}

html[data-smartbiz-theme="light"] .smartbiz-logo-dark {
  opacity: 0 !important;
}

@media (prefers-color-scheme: dark) {
  .smartbiz-logo-light {
    opacity: 0 !important;
  }
  .smartbiz-logo-dark {
    opacity: 1 !important;
  }
}

@media (max-width: 980px) {
  body.task-login #layout-content.smartbiz-login-v1 {
    grid-template-rows: auto auto auto !important;
  }
  .smartbiz-login-topbar {
    height: auto !important;
    padding: 16px 22px !important;
  }
  .smartbiz-logo-wrap {
    width: 128px !important;
    height: 50px !important;
  }
  .smartbiz-login-logo {
    width: 128px !important;
  }
  .smartbiz-theme-switch {
    height: 38px !important;
  }
  .smartbiz-theme-switch button {
    min-width: 44px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }
  .smartbiz-login-hero {
    width: min(520px, calc(100vw - 28px)) !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
    margin: 14px 0 18px !important;
    border-radius: 26px !important;
  }
  .smartbiz-login-media {
    order: -1 !important;
    height: 210px !important;
  }
  .smartbiz-login-media:before {
    display: none !important;
  }
  .smartbiz-login-copy {
    padding: 30px 26px 34px !important;
  }
  .smartbiz-login-copy h2 {
    font-size: 38px !important;
    margin-bottom: 16px !important;
  }
  .smartbiz-login-lead {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }
  .smartbiz-login-footer-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
    width: min(520px, calc(100vw - 44px)) !important;
    min-height: 86px !important;
  }
}

@media (max-width: 560px) {
  body.task-login {
    overflow: auto !important;
  }
  body.task-login #layout,
  body.task-login #layout-content.smartbiz-login-v1 {
    min-height: 100vh !important;
    height: auto !important;
  }
  .smartbiz-login-topbar {
    padding: 14px 16px !important;
    gap: 12px !important;
  }
  .smartbiz-logo-wrap,
  .smartbiz-login-logo {
    width: 136px !important;
    height: 42px !important;
  }
  .smartbiz-theme-switch button {
    min-width: 42px !important;
    padding: 0 7px !important;
  }
  .smartbiz-login-hero {
    width: calc(100vw - 20px) !important;
    margin: 10px 0 14px !important;
    border-radius: 18px !important;
  }
  .smartbiz-login-media {
    height: 174px !important;
  }
  .smartbiz-login-copy {
    padding: 24px 18px 28px !important;
  }
  .smartbiz-login-copy h2 {
    font-size: 31px !important;
  }
  .smartbiz-login-card h3 {
    font-size: 26px !important;
  }
  .smartbiz-login-trust {
    width: 100% !important;
    justify-content: center !important;
    border-radius: 12px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .smartbiz-login-footer-inner {
    width: calc(100vw - 32px) !important;
  }
}

/* Mailbox experience: keep Roundcube panes native, only apply SmartBiz identity.
   This avoids broken/oversized columns and preserves all standard webmail actions. */
body:not(.task-login) {
  background: #ffffff !important;
  color: #242424 !important;
}

body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-menu {
  background: #f7f7f7 !important;
  border-right: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
}

body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-menu .header {
  background: #ffffff url(/skins/smartbiz/images/smartbiz-primary-transparent.png) 18px center / 112px auto no-repeat !important;
  border-bottom: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
}

body:not(.task-login) #taskmenu a {
  color: #242424 !important;
  font-weight: 750 !important;
  border-radius: 0 18px 18px 0 !important;
  margin: 4px 12px 4px 0 !important;
}

body:not(.task-login) #taskmenu a:before,
body:not(.task-login) #taskmenu a .inner {
  color: currentColor !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #taskmenu a:hover {
  background: var(--smartbiz-yellow) !important;
  color: #111111 !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.button-compose,
body:not(.task-login) a.compose {
  background: var(--smartbiz-yellow) !important;
  color: #111111 !important;
  border-radius: 24px !important;
  font-weight: 900 !important;
}

body:not(.task-login) .folderlist li.mailbox > a {
  color: #252525 !important;
  border-radius: 10px !important;
}

body:not(.task-login) .folderlist li.mailbox.selected > a,
body:not(.task-login) .folderlist li.mailbox > a:hover {
  background: #fff8d6 !important;
  color: #111111 !important;
  font-weight: 800 !important;
}

body:not(.task-login) .header,
body:not(.task-login) #messagetoolbar,
body:not(.task-login) #compose-toolbar,
body:not(.task-login) .toolbar {
  background: #ffffff !important;
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
}

body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar .dropbutton a,
body:not(.task-login) button.btn,
body:not(.task-login) input.button,
body:not(.task-login) .btn {
  border-radius: 8px !important;
  font-weight: 700 !important;
}

body:not(.task-login) .btn-primary,
body:not(.task-login) input.button.mainaction,
body:not(.task-login) button.mainaction {
  background: var(--smartbiz-yellow) !important;
  border-color: var(--smartbiz-yellow) !important;
  color: #111111 !important;
  font-weight: 900 !important;
}

body:not(.task-login) .listing tr.selected td,
body:not(.task-login) .listing li.selected {
  background: #fff8d6 !important;
  color: #111111 !important;
}

body:not(.task-login) .messagelist tr.unread td.subject a {
  color: #111111 !important;
  font-weight: 800 !important;
}

body:not(.task-login) #messagecontframe,
body:not(.task-login) #messagebody,
body:not(.task-login) #mailpreviewframe {
  background-color: #ffffff !important;
}

body:not(.task-login) #messagecontframe:empty,
body:not(.task-login) #messagebody:empty {
  background-image: linear-gradient(135deg, rgba(255,203,5,.08), rgba(6,63,44,.03)) !important;
}

body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="password"],
body:not(.task-login) textarea,
body:not(.task-login) select,
body:not(.task-login) .form-control {
  border-color: #d6d6d6 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #242424 !important;
}

body:not(.task-login) input:focus,
body:not(.task-login) textarea:focus,
body:not(.task-login) select:focus,
body:not(.task-login) .form-control:focus {
  border-color: var(--smartbiz-yellow) !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 5, .22) !important;
}

body:not(.task-login) #layout-footer,
body:not(.task-login) .footer {
  background: #ffffff !important;
  border-top: 3px solid var(--smartbiz-yellow) !important;
  color: #555555 !important;
}

/* 2026-08 mail workspace polish.
   Keep Roundcube Elastic behaviour, but make the visible workspace clean,
   readable and aligned with the SmartBiz visual language. */
body:not(.task-login) {
  --mail-bg: #ffffff;
  --mail-panel: #fafafa;
  --mail-rail: #ffffff;
  --mail-rail-border: #ececec;
  --mail-ink: #161616;
  --mail-soft-ink: #5d5d5d;
  --mail-green: #013a2b;
  --mail-yellow: #ffcb05;
  background: var(--mail-bg) !important;
  color: var(--mail-ink) !important;
}

body:not(.task-login) #layout-menu {
  width: 78px !important;
  background: var(--mail-rail) !important;
  border-right: 1px solid var(--mail-rail-border) !important;
  box-shadow: 0 0 22px rgba(0, 0, 0, .04) !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  position: relative !important;
  height: 86px !important;
  min-height: 86px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mail-rail-border) !important;
  box-shadow: none !important;
}

body:not(.task-login) #layout-menu .popover-header img,
body:not(.task-login) #layout-menu .header img,
body:not(.task-login) #layout-menu .popover-header .logo,
body:not(.task-login) #layout-menu .header .logo {
  display: none !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: 16px !important;
  height: 48px !important;
  background: url(/skins/smartbiz/images/smartbiz-primary-transparent.png) center center / contain no-repeat !important;
}

body:not(.task-login) #taskmenu {
  padding-top: 10px !important;
  background: transparent !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 64px !important;
  margin: 0 0 8px !important;
  padding: 8px 4px !important;
  color: var(--mail-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before,
body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #layout-menu .special-buttons a .inner {
  color: currentColor !important;
  text-shadow: none !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #taskmenu a:focus {
  color: #111111 !important;
  background: var(--mail-yellow) !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 10px 0 12px !important;
  background: #ffffff !important;
  border-top: 1px solid var(--mail-rail-border) !important;
}

body:not(.task-login) #layout-menu .special-buttons a {
  min-height: 54px !important;
  margin-bottom: 4px !important;
  color: #111111 !important;
  background: #ffffff !important;
}

body:not(.task-login) #layout-menu .special-buttons a:hover,
body:not(.task-login) #layout-menu .special-buttons a:focus {
  background: rgba(255, 203, 5, .2) !important;
}

body:not(.task-login) #layout-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e6e6e6 !important;
}

body:not(.task-login) #layout-sidebar .header {
  min-height: 64px !important;
  padding: 0 44px 0 22px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e6e6e6 !important;
  color: #111111 !important;
}

body:not(.task-login) #layout-sidebar .header::before {
  content: none !important;
}

body:not(.task-login) #layout-sidebar .header .username,
body:not(.task-login) #layout-sidebar .header .header-title,
body:not(.task-login) #layout-sidebar .header a,
body:not(.task-login) #layout-sidebar .header span {
  max-width: 100% !important;
  color: #111111 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 850 !important;
}

body:not(.task-login) .folderlist li.mailbox > a,
body:not(.task-login) .menu li > a,
body:not(.task-login) .listing li,
body:not(.task-login) .listing td {
  color: #202020 !important;
}

body:not(.task-login) .folderlist li.mailbox.selected > a,
body:not(.task-login) .folderlist li.mailbox > a:hover {
  background: linear-gradient(90deg, rgba(255, 203, 5, .30), rgba(255, 203, 5, .08)) !important;
  color: #111111 !important;
}

body:not(.task-login) #layout-content,
body:not(.task-login) #layout-list,
body:not(.task-login) #messagecontframe,
body:not(.task-login) #messagebody,
body:not(.task-login) #mailpreviewframe {
  background-color: #ffffff !important;
}

body:not(.task-login) #messagecontframe:empty,
body:not(.task-login) #messagebody:empty,
body:not(.task-login) #mailpreviewframe:empty {
  background:
    radial-gradient(circle at 70% 68%, rgba(255, 203, 5, .16), transparent 24%),
    linear-gradient(135deg, rgba(255, 203, 5, .04), rgba(1, 58, 43, .03)) !important;
}

body:not(.task-login) .smartbiz-watermark,
body:not(.task-login) #messagecontframe:empty::after {
  color: rgba(1, 58, 43, .14) !important;
}

body:not(.task-login) .toolbar,
body:not(.task-login) #messagetoolbar,
body:not(.task-login) #compose-toolbar,
body:not(.task-login) .pagenav,
body:not(.task-login) #layout>div>.footer {
  background: #ffffff !important;
  border-color: #e7e7e7 !important;
}

body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar .dropbutton a {
  color: #242424 !important;
}

body:not(.task-login) .btn-primary,
body:not(.task-login) input.button.mainaction,
body:not(.task-login) button.mainaction,
body:not(.task-login) a.button.mainaction,
body:not(.task-login) .formbuttons .button {
  color: #111111 !important;
  background: var(--mail-yellow) !important;
  border-color: var(--mail-yellow) !important;
  box-shadow: none !important;
}

body:not(.task-login) #compose-attachments,
body:not(.task-login) #composeoptions,
body:not(.task-login) .compose-headers {
  background: #ffffff !important;
  color: #222222 !important;
}

body:not(.task-login) #compose-attachments .header,
body:not(.task-login) #composeoptions .header {
  min-height: 58px !important;
  background: #ffffff url(/skins/smartbiz/images/smartbiz-primary-transparent.png) center center / 116px auto no-repeat !important;
}

html.dark-mode body:not(.task-login),
html.dark-mode body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-sidebar {
  background: #ffffff !important;
  color: #202020 !important;
}

html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons {
  background: #ffffff !important;
}

@media (max-width: 768px) {
  body:not(.task-login) #layout-menu {
    width: min(76vw, 310px) !important;
    background: #ffffff !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    height: 88px !important;
    min-height: 88px !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    left: 18px !important;
    right: auto !important;
    width: 132px !important;
    height: 52px !important;
  }

  body:not(.task-login) #taskmenu {
    padding: 10px 18px 0 0 !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    justify-content: flex-start !important;
    min-height: 56px !important;
    padding: 0 22px !important;
    margin: 0 0 10px !important;
    border-radius: 0 26px 26px 0 !important;
    color: #111111 !important;
    background: #ffffff !important;
    font-size: 18px !important;
  }

  body:not(.task-login) #taskmenu a.selected,
  body:not(.task-login) #taskmenu a:hover,
  body:not(.task-login) #taskmenu a:focus {
    background: var(--mail-yellow) !important;
    color: #111111 !important;
  }

  body:not(.task-login) #layout-menu .special-buttons {
    position: static !important;
    padding: 14px 18px 24px 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
  }

  body:not(.task-login) #layout-menu .special-buttons a {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
  }

  body:not(.task-login) #layout-sidebar .header {
    min-height: 58px !important;
    padding-left: 18px !important;
  }
}

/* SmartBiz Mail workspace v2.
   Direction: keep the standard webmail usability, add SmartBiz identity,
   remove Roundcube visual noise, and make light/dark modes readable. */
body:not(.task-login) {
  --sb-yellow: #ffcb05;
  --sb-yellow-soft: #fff3b0;
  --sb-ink: #111111;
  --sb-muted: #626262;
  --sb-line: #e7e7e7;
  --sb-white: #ffffff;
  --sb-black: #050505;
  --sb-dark: #12191b;
  --sb-dark-2: #1b2629;
  --sb-dark-line: #2d3b3f;
  background: #ffffff !important;
  color: var(--sb-ink) !important;
}

body:not(.task-login) #layout-menu {
  width: 64px !important;
  background: #ffffff !important;
  border-right: 1px solid var(--sb-line) !important;
  box-shadow: none !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sb-line) !important;
}

body:not(.task-login) #layout-menu .popover-header img,
body:not(.task-login) #layout-menu .header img,
body:not(.task-login) .skin-logo,
body:not(.task-login) .logo {
  display: none !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 14px !important;
  width: 54px !important;
  height: 28px !important;
  background: url(/skins/smartbiz/images/smartbiz-primary-transparent.png) center / contain no-repeat !important;
}

body:not(.task-login) #taskmenu {
  padding: 8px 0 !important;
  background: #ffffff !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: 58px !important;
  min-height: 58px !important;
  margin: 0 0 6px 0 !important;
  padding: 7px 4px !important;
  color: #111111 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 17px 17px 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 760 !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before,
body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #layout-menu .special-buttons a .inner {
  color: #111111 !important;
  text-shadow: none !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #taskmenu a:focus {
  color: #111111 !important;
  background: var(--sb-yellow) !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.button-compose,
body:not(.task-login) a.compose {
  color: #111111 !important;
  background: var(--sb-yellow) !important;
  border-radius: 0 19px 19px 0 !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 8px 0 10px !important;
  background: #ffffff !important;
  border-top: 1px solid var(--sb-line) !important;
}

body:not(.task-login) #layout-menu .special-buttons a {
  min-height: 46px !important;
  color: #111111 !important;
  background: #ffffff !important;
  opacity: 1 !important;
}

body:not(.task-login) #layout-sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--sb-line) !important;
  box-shadow: none !important;
}

body:not(.task-login) #layout-sidebar .header {
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 42px 0 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--sb-line) !important;
  color: #111111 !important;
}

body:not(.task-login) #layout-sidebar .header::before {
  content: none !important;
}

body:not(.task-login) #layout-sidebar .header .username,
body:not(.task-login) #layout-sidebar .header .header-title,
body:not(.task-login) #layout-sidebar .header a,
body:not(.task-login) #layout-sidebar .header span {
  color: #111111 !important;
  max-width: calc(100% - 8px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 760 !important;
}

body:not(.task-login) .folderlist li.mailbox > a,
body:not(.task-login) #directorylist li > a {
  color: #161616 !important;
  background: #ffffff !important;
  border-radius: 0 !important;
}

body:not(.task-login) .folderlist li.mailbox.selected > a,
body:not(.task-login) .folderlist li.mailbox > a:hover,
body:not(.task-login) #directorylist li.selected > a {
  color: #111111 !important;
  background: var(--sb-yellow-soft) !important;
  font-weight: 820 !important;
}

body:not(.task-login) #layout-content,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #messagecontframe,
body:not(.task-login) #messagebody,
body:not(.task-login) #mailpreviewframe,
body:not(.task-login) .iframe-wrapper {
  background-color: #ffffff !important;
  color: #111111 !important;
}

body:not(.task-login) #messagetoolbar,
body:not(.task-login) #compose-toolbar,
body:not(.task-login) .toolbar,
body:not(.task-login) #layout>div>.header,
body:not(.task-login) #layout>div>.footer,
body:not(.task-login) .pagenav {
  background: #ffffff !important;
  border-color: var(--sb-line) !important;
  box-shadow: none !important;
}

body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar .dropbutton a,
body:not(.task-login) .toolbar .button,
body:not(.task-login) .listing td,
body:not(.task-login) .listing li,
body:not(.task-login) .messagelist td,
body:not(.task-login) .messagelist a {
  color: #222222 !important;
}

body:not(.task-login) .listing tr.selected td,
body:not(.task-login) .listing li.selected,
body:not(.task-login) .messagelist tr.selected td {
  color: #111111 !important;
  background: #fff6bf !important;
}

body:not(.task-login) .watermark,
body:not(.task-login) .watermark::before,
body:not(.task-login) .watermark::after,
body:not(.task-login) .emptycontent::before,
body:not(.task-login) .emptycontent::after {
  background-image: none !important;
  opacity: .18 !important;
}

body:not(.task-login) #messagecontframe:empty,
body:not(.task-login) #mailpreviewframe:empty,
body:not(.task-login) #messagebody:empty {
  background:
    radial-gradient(circle at 66% 56%, rgba(255, 203, 5, .10), transparent 19%),
    linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 249, 218, .38)) !important;
}

body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="password"],
body:not(.task-login) input[type="email"],
body:not(.task-login) textarea,
body:not(.task-login) select,
body:not(.task-login) .form-control,
body:not(.task-login) .searchbar input {
  color: #111111 !important;
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 8px !important;
}

body:not(.task-login) input:focus,
body:not(.task-login) textarea:focus,
body:not(.task-login) select:focus,
body:not(.task-login) .searchbar input:focus {
  border-color: var(--sb-yellow) !important;
  box-shadow: 0 0 0 3px rgba(255, 203, 5, .22) !important;
}

body:not(.task-login) .btn-primary,
body:not(.task-login) input.button.mainaction,
body:not(.task-login) button.mainaction,
body:not(.task-login) a.button.mainaction,
body:not(.task-login) .formbuttons .button,
body:not(.task-login) .button.submit {
  color: #111111 !important;
  background: var(--sb-yellow) !important;
  border-color: var(--sb-yellow) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

body:not(.task-login) #compose-attachments,
body:not(.task-login) #composeoptions {
  background: #ffffff !important;
  color: #111111 !important;
}

body:not(.task-login) #compose-attachments .header,
body:not(.task-login) #composeoptions .header {
  min-height: 56px !important;
  background: #ffffff url(/skins/smartbiz/images/smartbiz-primary-transparent.png) center / 118px auto no-repeat !important;
  border-bottom: 1px solid var(--sb-line) !important;
}

body:not(.task-login) .compose-headers,
body:not(.task-login) .composebody,
body:not(.task-login) #composebodycontainer {
  background: #ffffff !important;
  color: #111111 !important;
}

html.dark-mode body:not(.task-login) {
  background: #141a1d !important;
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons {
  background: #101517 !important;
  border-color: var(--sb-dark-line) !important;
}

html.dark-mode body:not(.task-login) #layout-menu .popover-header::before,
html.dark-mode body:not(.task-login) #layout-menu .header::before {
  background-image: url(/skins/smartbiz/images/smartbiz-primary-reverse.png) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a {
  color: #f5f5f5 !important;
  background: transparent !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #taskmenu a.compose {
  color: #111111 !important;
  background: var(--sb-yellow) !important;
}

html.dark-mode body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar .header,
html.dark-mode body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #messagecontframe,
html.dark-mode body:not(.task-login) #messagebody,
html.dark-mode body:not(.task-login) #mailpreviewframe,
html.dark-mode body:not(.task-login) .iframe-wrapper {
  background: #182124 !important;
  border-color: var(--sb-dark-line) !important;
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) #messagetoolbar,
html.dark-mode body:not(.task-login) #compose-toolbar,
html.dark-mode body:not(.task-login) .toolbar,
html.dark-mode body:not(.task-login) #layout>div>.header,
html.dark-mode body:not(.task-login) #layout>div>.footer,
html.dark-mode body:not(.task-login) .pagenav {
  background: #111719 !important;
  border-color: var(--sb-dark-line) !important;
}

html.dark-mode body:not(.task-login) #layout-sidebar .header .username,
html.dark-mode body:not(.task-login) #layout-sidebar .header .header-title,
html.dark-mode body:not(.task-login) #layout-sidebar .header a,
html.dark-mode body:not(.task-login) #layout-sidebar .header span,
html.dark-mode body:not(.task-login) .toolbar a.button,
html.dark-mode body:not(.task-login) .toolbar .dropbutton a,
html.dark-mode body:not(.task-login) .listing td,
html.dark-mode body:not(.task-login) .listing li,
html.dark-mode body:not(.task-login) .messagelist td,
html.dark-mode body:not(.task-login) .messagelist a,
html.dark-mode body:not(.task-login) .folderlist li.mailbox > a,
html.dark-mode body:not(.task-login) #directorylist li > a {
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) .folderlist li.mailbox.selected > a,
html.dark-mode body:not(.task-login) .folderlist li.mailbox > a:hover,
html.dark-mode body:not(.task-login) #directorylist li.selected > a,
html.dark-mode body:not(.task-login) .listing tr.selected td,
html.dark-mode body:not(.task-login) .listing li.selected,
html.dark-mode body:not(.task-login) .messagelist tr.selected td {
  color: #111111 !important;
  background: var(--sb-yellow) !important;
}

html.dark-mode body:not(.task-login) input[type="text"],
html.dark-mode body:not(.task-login) input[type="password"],
html.dark-mode body:not(.task-login) input[type="email"],
html.dark-mode body:not(.task-login) textarea,
html.dark-mode body:not(.task-login) select,
html.dark-mode body:not(.task-login) .form-control,
html.dark-mode body:not(.task-login) .searchbar input {
  color: #f5f5f5 !important;
  background: #111719 !important;
  border-color: var(--sb-dark-line) !important;
}

html.dark-mode body:not(.task-login) #messagecontframe:empty,
html.dark-mode body:not(.task-login) #mailpreviewframe:empty,
html.dark-mode body:not(.task-login) #messagebody:empty {
  background:
    radial-gradient(circle at 66% 56%, rgba(255, 203, 5, .10), transparent 20%),
    linear-gradient(135deg, #182124, #101517) !important;
}

@media (max-width: 768px) {
  body:not(.task-login) #layout-menu {
    width: min(78vw, 320px) !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    height: 74px !important;
    min-height: 74px !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    left: 18px !important;
    top: 18px !important;
    width: 118px !important;
    height: 36px !important;
  }

  body:not(.task-login) #taskmenu {
    padding: 12px 18px 8px 0 !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: auto !important;
    min-height: 54px !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 0 8px !important;
    padding: 0 22px !important;
    border-radius: 0 24px 24px 0 !important;
    font-size: 17px !important;
  }

  body:not(.task-login) #layout-menu .special-buttons {
    position: static !important;
    padding: 12px 18px 18px 0 !important;
    background: transparent !important;
  }

  body:not(.task-login) #layout-menu .special-buttons a {
    border: 1px solid rgba(0, 0, 0, .08) !important;
  }

  html.dark-mode body:not(.task-login) #layout-menu .special-buttons a {
    border-color: rgba(255, 255, 255, .12) !important;
  }
}

/* SmartBiz Mail workspace v3.
   Final clean-up: preserve Roundcube usability, remove visual noise,
   and keep both light/dark modes readable on desktop and mobile. */
body:not(.task-login) {
  --sb-yellow: #ffcb05;
  --sb-yellow-soft: #fff3b0;
  --sb-ink: #171717;
  --sb-muted: #68736f;
  --sb-line: #e6e6e6;
  --sb-paper: #ffffff;
  --sb-dark: #11181a;
  --sb-dark-panel: #182124;
  --sb-dark-line: #314044;
}

body:not(.task-login) #layout-menu {
  width: 58px !important;
  min-width: 58px !important;
  background: var(--sb-paper) !important;
  border-right: 1px solid var(--sb-line) !important;
  box-shadow: none !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  height: 52px !important;
  min-height: 52px !important;
  background: var(--sb-paper) !important;
  border-bottom: 1px solid var(--sb-line) !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px auto auto 5px !important;
  width: 48px !important;
  height: 30px !important;
  background: url(/skins/smartbiz/images/smartbiz-primary-transparent.png) center / contain no-repeat !important;
}

body:not(.task-login) #layout-menu .popover-header img,
body:not(.task-login) #layout-menu .header img,
body:not(.task-login) #layout-menu .skin-logo,
body:not(.task-login) #layout-menu .logo {
  display: none !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: 58px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sb-ink) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #taskmenu a.compose {
  background: var(--sb-yellow) !important;
  color: #111111 !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 58px !important;
  padding: 0 !important;
  background: var(--sb-paper) !important;
  border-top: 1px solid var(--sb-line) !important;
}

body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content,
body:not(.task-login) #messagecontframe,
body:not(.task-login) #mailpreviewframe,
body:not(.task-login) #messagebody {
  background: var(--sb-paper) !important;
  color: var(--sb-ink) !important;
}

body:not(.task-login) #layout-sidebar .header {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 38px 0 18px !important;
  background: var(--sb-paper) !important;
  border-bottom: 1px solid var(--sb-line) !important;
  color: var(--sb-ink) !important;
}

body:not(.task-login) #layout-sidebar .header::before,
body:not(.task-login) #layout-sidebar .header img {
  display: none !important;
}

body:not(.task-login) #layout-sidebar .header .username,
body:not(.task-login) #layout-sidebar .header .header-title,
body:not(.task-login) #layout-sidebar .header a,
body:not(.task-login) #layout-sidebar .header span {
  color: var(--sb-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.task-login) .folderlist li.mailbox > a,
body:not(.task-login) #directorylist li > a {
  min-height: 38px !important;
  color: var(--sb-ink) !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-weight: 650 !important;
}

body:not(.task-login) .folderlist li.mailbox.selected > a,
body:not(.task-login) .folderlist li.mailbox > a:hover,
body:not(.task-login) #directorylist li.selected > a {
  background: var(--sb-yellow-soft) !important;
  color: #111111 !important;
  font-weight: 850 !important;
}

body:not(.task-login) #messagetoolbar,
body:not(.task-login) #compose-toolbar,
body:not(.task-login) .toolbar,
body:not(.task-login) #layout>div>.header,
body:not(.task-login) #layout>div>.footer,
body:not(.task-login) .pagenav {
  background: var(--sb-paper) !important;
  border-color: var(--sb-line) !important;
  color: var(--sb-ink) !important;
  box-shadow: none !important;
}

body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar .dropbutton a,
body:not(.task-login) .toolbar .button,
body:not(.task-login) .listing td,
body:not(.task-login) .listing li,
body:not(.task-login) .messagelist td,
body:not(.task-login) .messagelist a {
  color: var(--sb-ink) !important;
}

body:not(.task-login) .watermark,
body:not(.task-login) .watermark::before,
body:not(.task-login) .watermark::after,
body:not(.task-login) .emptycontent::before,
body:not(.task-login) .emptycontent::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

body:not(.task-login) .emptycontent {
  color: var(--sb-muted) !important;
  font-weight: 700 !important;
}

body:not(.task-login) .listing tr.selected td,
body:not(.task-login) .listing li.selected,
body:not(.task-login) .messagelist tr.selected td {
  background: #fff8d6 !important;
  color: #111111 !important;
}

body:not(.task-login) .btn-primary,
body:not(.task-login) input.button.mainaction,
body:not(.task-login) button.mainaction,
body:not(.task-login) a.button.mainaction,
body:not(.task-login) .button.submit {
  background: var(--sb-yellow) !important;
  border-color: var(--sb-yellow) !important;
  color: #111111 !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
}

html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons,
html.dark-mode body:not(.task-login) #messagetoolbar,
html.dark-mode body:not(.task-login) #compose-toolbar,
html.dark-mode body:not(.task-login) .toolbar,
html.dark-mode body:not(.task-login) #layout>div>.header,
html.dark-mode body:not(.task-login) #layout>div>.footer,
html.dark-mode body:not(.task-login) .pagenav {
  background: var(--sb-dark) !important;
  border-color: var(--sb-dark-line) !important;
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar .header,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #messagecontframe,
html.dark-mode body:not(.task-login) #mailpreviewframe,
html.dark-mode body:not(.task-login) #messagebody {
  background: var(--sb-dark-panel) !important;
  border-color: var(--sb-dark-line) !important;
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) #layout-menu .popover-header::before,
html.dark-mode body:not(.task-login) #layout-menu .header::before {
  background-image: url(/skins/smartbiz/images/smartbiz-primary-reverse.png) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
html.dark-mode body:not(.task-login) #layout-sidebar .header .username,
html.dark-mode body:not(.task-login) #layout-sidebar .header .header-title,
html.dark-mode body:not(.task-login) #layout-sidebar .header a,
html.dark-mode body:not(.task-login) #layout-sidebar .header span,
html.dark-mode body:not(.task-login) .folderlist li.mailbox > a,
html.dark-mode body:not(.task-login) #directorylist li > a,
html.dark-mode body:not(.task-login) .toolbar a.button,
html.dark-mode body:not(.task-login) .listing td,
html.dark-mode body:not(.task-login) .listing li,
html.dark-mode body:not(.task-login) .messagelist td,
html.dark-mode body:not(.task-login) .messagelist a {
  color: #f5f5f5 !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #taskmenu a.compose,
html.dark-mode body:not(.task-login) .folderlist li.mailbox.selected > a,
html.dark-mode body:not(.task-login) .folderlist li.mailbox > a:hover,
html.dark-mode body:not(.task-login) #directorylist li.selected > a,
html.dark-mode body:not(.task-login) .listing tr.selected td,
html.dark-mode body:not(.task-login) .listing li.selected,
html.dark-mode body:not(.task-login) .messagelist tr.selected td {
  background: var(--sb-yellow) !important;
  color: #111111 !important;
}

@media (max-width: 768px) {
  body:not(.task-login) #layout-menu {
    width: min(78vw, 320px) !important;
    min-width: min(78vw, 320px) !important;
    background: #ffffff !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    height: 64px !important;
    min-height: 64px !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    left: 18px !important;
    top: 15px !important;
    width: 118px !important;
    height: 34px !important;
  }

  body:not(.task-login) #taskmenu {
    padding: 12px 20px 8px 0 !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: auto !important;
    min-height: 54px !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 0 8px !important;
    padding: 0 24px !important;
    border-radius: 0 24px 24px 0 !important;
    font-size: 18px !important;
    color: #111111 !important;
  }

  body:not(.task-login) #layout-menu .special-buttons {
    position: static !important;
    width: auto !important;
    padding: 10px 20px 16px 0 !important;
    background: #ffffff !important;
    border-top: 1px solid var(--sb-line) !important;
  }

  html.dark-mode body:not(.task-login) #layout-menu,
  html.dark-mode body:not(.task-login) #layout-menu .special-buttons {
    background: var(--sb-dark) !important;
  }

  html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
  html.dark-mode body:not(.task-login) #taskmenu a {
    color: #f5f5f5 !important;
  }

  html.dark-mode body:not(.task-login) #taskmenu a.selected,
  html.dark-mode body:not(.task-login) #taskmenu a:hover,
  html.dark-mode body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #taskmenu a.compose {
    color: #111111 !important;
  }
}

/* Stable login composition. Keep this last: Elastic must not reposition it. */
body.task-login h1.voice,
body.task-login #layout-content.smartbiz-login-v1 > .header {
  display: none !important;
}

body.task-login,
html[data-smartbiz-theme="dark"] body.task-login {
  min-width: 0 !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background: #050505 !important;
}

body.task-login #layout-content.smartbiz-login-v1 {
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-rows: 78px minmax(0, 1fr) 58px !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  background: #050505 !important;
}

body.task-login .smartbiz-login-topbar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 78px !important;
  height: 78px !important;
  padding: 0 clamp(24px, 4vw, 64px) !important;
  background: #050505 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  box-sizing: border-box !important;
}

body.task-login .smartbiz-logo-wrap {
  position: relative !important;
  display: block !important;
  width: 146px !important;
  height: 54px !important;
  flex: 0 0 146px !important;
  overflow: hidden !important;
}

body.task-login .smartbiz-login-logo {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 146px !important;
  height: 54px !important;
  max-width: 146px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  opacity: 1 !important;
}

body.task-login .smartbiz-theme-switch {
  z-index: 2 !important;
  height: 38px !important;
  padding: 3px !important;
  background: #181818 !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
}

body.task-login .smartbiz-theme-switch button {
  min-width: 48px !important;
  height: 30px !important;
  color: #ffffff !important;
  font-size: 12px !important;
}

body.task-login .smartbiz-login-hero {
  align-self: center !important;
  justify-self: center !important;
  width: min(1180px, calc(100vw - 56px)) !important;
  min-height: 390px !important;
  height: min(470px, calc(100vh - 190px)) !important;
  margin: 24px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .88fr) minmax(460px, 1.12fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 203, 5, .3) !important;
  border-radius: 28px !important;
  background: #0d0d0d !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .38) !important;
}

body.task-login .smartbiz-login-copy {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: clamp(32px, 5vw, 62px) !important;
  background: #0d0d0d !important;
  color: #ffffff !important;
}

body.task-login .smartbiz-login-kicker {
  margin: 0 0 12px !important;
  color: #ffcb05 !important;
  font-size: 12px !important;
}

body.task-login .smartbiz-login-copy h2 {
  max-width: 440px !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: .98 !important;
}

body.task-login .smartbiz-login-lead {
  max-width: 420px !important;
  margin: 0 0 22px !important;
  color: #d3d3d3 !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
}

body.task-login #login-form.smartbiz-login-card,
body.task-login form#login-form,
body.task-login form[name="login-form"] {
  position: static !important;
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.task-login .smartbiz-login-card .smartbiz-login-eyebrow {
  margin: 0 0 8px !important;
  color: #ffcb05 !important;
}

body.task-login .smartbiz-login-card h3 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: 25px !important;
}

body.task-login .smartbiz-login-card #rcmloginuser,
body.task-login .smartbiz-login-card #rcmloginpwd {
  height: 48px !important;
  color: #ffffff !important;
  background: #151515 !important;
  border-color: rgba(255, 203, 5, .4) !important;
}

body.task-login .smartbiz-login-card .input-group-text {
  height: 46px !important;
  color: #ffffff !important;
  background: #1d1d1d !important;
  border-right-color: rgba(255, 255, 255, .13) !important;
}

body.task-login .smartbiz-login-card #rcmloginsubmit {
  height: 48px !important;
  border-radius: 12px !important;
}

body.task-login .smartbiz-login-trust {
  min-height: 30px !important;
  color: #ffcb05 !important;
  background: rgba(255, 203, 5, .11) !important;
}

body.task-login .smartbiz-login-media {
  position: relative !important;
  display: block !important;
  min-height: 390px !important;
  background: #171717 !important;
}

body.task-login .smartbiz-login-media::before {
  width: 24% !important;
  background: linear-gradient(90deg, rgba(13, 13, 13, .78), rgba(13, 13, 13, 0)) !important;
}

body.task-login .smartbiz-login-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
}

body.task-login .smartbiz-login-footer {
  min-height: 58px !important;
  background: #050505 !important;
}

body.task-login .smartbiz-login-footer-inner {
  width: min(1180px, calc(100vw - 56px)) !important;
  min-height: 58px !important;
}

@media (max-width: 820px) {
  body.task-login #layout-content.smartbiz-login-v1 {
    grid-template-rows: 68px auto auto !important;
  }

  body.task-login .smartbiz-login-topbar {
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 18px !important;
  }

  body.task-login .smartbiz-logo-wrap,
  body.task-login .smartbiz-login-logo {
    width: 118px !important;
  }

  body.task-login .smartbiz-login-hero {
    width: min(520px, calc(100vw - 28px)) !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    margin: 16px 0 !important;
  }

  body.task-login .smartbiz-login-media {
    order: -1 !important;
    min-height: 190px !important;
    height: 190px !important;
  }

  body.task-login .smartbiz-login-media::before {
    display: none !important;
  }

  body.task-login .smartbiz-login-copy {
    padding: 30px 24px 34px !important;
  }

  body.task-login .smartbiz-login-copy h2 {
    font-size: 38px !important;
  }

  body.task-login .smartbiz-login-footer-inner {
    width: min(520px, calc(100vw - 36px)) !important;
  }
}

/* Login reset v20260826. This final layer wins over older experiments above. */
body.task-login,
html[data-smartbiz-theme="light"] body.task-login {
  background: #ffffff !important;
  color: #111111 !important;
}

body.task-login #layout-content.smartbiz-login-v1,
html[data-smartbiz-theme="light"] body.task-login #layout-content.smartbiz-login-v1 {
  grid-template-rows: 78px minmax(0, 1fr) auto !important;
  background: #ffffff !important;
}

body.task-login .smartbiz-login-topbar,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-topbar {
  height: 78px !important;
  min-height: 78px !important;
  padding: 0 clamp(22px, 4vw, 54px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
}

body.task-login .smartbiz-logo-wrap,
body.task-login .smartbiz-login-logo {
  width: 174px !important;
  height: 52px !important;
  max-width: 174px !important;
  max-height: 52px !important;
}

body.task-login .smartbiz-theme-switch,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-theme-switch {
  background: #f4f4f4 !important;
  border: 1px solid #dedede !important;
}

body.task-login .smartbiz-theme-switch button,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-theme-switch button {
  color: #202020 !important;
}

body.task-login .smartbiz-theme-switch button[aria-pressed="true"] {
  color: #111111 !important;
  background: #ffcb05 !important;
}

body.task-login .smartbiz-login-hero,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-hero {
  width: min(1240px, calc(100vw - 64px)) !important;
  min-height: 500px !important;
  height: min(620px, calc(100vh - 178px)) !important;
  margin: 18px 0 !important;
  grid-template-columns: minmax(390px, .92fr) minmax(500px, 1.08fr) !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 22px !important;
  background: #fbf4e9 !important;
  box-shadow: none !important;
}

body.task-login .smartbiz-login-copy,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-copy {
  padding: clamp(34px, 5vw, 62px) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .9) 74%, rgba(255, 255, 255, .58)) !important;
  color: #111111 !important;
}

body.task-login .smartbiz-login-kicker,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-kicker {
  color: #111111 !important;
}

body.task-login .smartbiz-login-copy h2,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-copy h2,
body.task-login .smartbiz-login-card h3,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-card h3 {
  color: #080808 !important;
}

body.task-login .smartbiz-login-copy h2 {
  max-width: 560px !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 1.02 !important;
}

body.task-login .smartbiz-login-lead,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-lead {
  max-width: 520px !important;
  color: #4a4a4a !important;
}

body.task-login #login-form.smartbiz-login-card,
body.task-login form#login-form,
body.task-login form[name="login-form"] {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
}

body.task-login .smartbiz-login-card .smartbiz-login-eyebrow,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-card .smartbiz-login-eyebrow {
  color: #6b5a00 !important;
}

body.task-login .smartbiz-login-card #rcmloginuser,
body.task-login .smartbiz-login-card #rcmloginpwd,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-card #rcmloginuser,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-card #rcmloginpwd {
  height: 50px !important;
  color: #111111 !important;
  background: #ffffff !important;
  border: 2px solid #dedede !important;
}

body.task-login .smartbiz-login-card .input-group-text,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-card .input-group-text {
  height: 48px !important;
  color: #111111 !important;
  background: #f3f4f6 !important;
  border-right-color: #dfdfdf !important;
}

body.task-login .smartbiz-login-trust,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-trust {
  color: #111111 !important;
  background: rgba(255, 203, 5, .18) !important;
  border-color: rgba(255, 203, 5, .45) !important;
}

body.task-login .smartbiz-login-media,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-media {
  min-height: 500px !important;
  background: #fbf4e9 !important;
}

body.task-login .smartbiz-login-media::before,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-media::before {
  width: 28% !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, 0)) !important;
}

body.task-login .smartbiz-login-footer,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-login-footer {
  min-height: 64px !important;
  background: #070707 !important;
}

body.task-login .smartbiz-login-footer-inner {
  width: min(1180px, calc(100vw - 64px)) !important;
  min-height: 64px !important;
}

html[data-smartbiz-theme="dark"] body.task-login,
html[data-smartbiz-theme="dark"] body.task-login #layout-content.smartbiz-login-v1 {
  background: #070707 !important;
  color: #f7f7f7 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-topbar {
  background: #0b0b0b !important;
  border-bottom-color: rgba(255, 255, 255, .1) !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-theme-switch {
  background: #151515 !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-theme-switch button {
  color: #f8f8f8 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-hero {
  border-color: rgba(255, 203, 5, .28) !important;
  background: #101010 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-copy {
  background: linear-gradient(90deg, rgba(9, 9, 9, .98), rgba(9, 9, 9, .93) 74%, rgba(9, 9, 9, .64)) !important;
  color: #ffffff !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-kicker,
html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-copy h2,
html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-card h3 {
  color: #ffffff !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-lead {
  color: #d6d6d6 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-card .smartbiz-login-eyebrow,
html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-trust {
  color: #ffcb05 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-card #rcmloginuser,
html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-card #rcmloginpwd {
  color: #ffffff !important;
  background: #101010 !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-card .input-group-text {
  color: #f7f7f7 !important;
  background: #1d1d1d !important;
  border-right-color: rgba(255, 255, 255, .14) !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-media {
  background: #101010 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-login-media::before {
  background: linear-gradient(90deg, rgba(9, 9, 9, .82), rgba(9, 9, 9, 0)) !important;
}

@media (max-width: 900px) {
  body.task-login #layout-content.smartbiz-login-v1 {
    grid-template-rows: auto auto auto !important;
  }

  body.task-login .smartbiz-login-topbar {
    height: auto !important;
    min-height: 68px !important;
    padding: 14px 18px !important;
  }

  body.task-login .smartbiz-logo-wrap,
  body.task-login .smartbiz-login-logo {
    width: 136px !important;
    height: 42px !important;
  }

  body.task-login .smartbiz-login-hero {
    width: min(530px, calc(100vw - 24px)) !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    margin: 14px 0 18px !important;
    border-radius: 18px !important;
  }

  body.task-login .smartbiz-login-media {
    order: -1 !important;
    min-height: 190px !important;
    height: 190px !important;
  }

  body.task-login .smartbiz-login-media::before {
    display: none !important;
  }

  body.task-login .smartbiz-login-copy {
    padding: 28px 22px 32px !important;
  }

  body.task-login .smartbiz-login-copy h2 {
    font-size: 34px !important;
  }

  body.task-login .smartbiz-login-footer-inner {
    width: min(530px, calc(100vw - 32px)) !important;
  }
}

@media (max-width: 480px) {
  body.task-login .smartbiz-theme-switch button {
    min-width: 42px !important;
    padding: 0 8px !important;
  }

  body.task-login .smartbiz-login-copy h2 {
    font-size: 30px !important;
  }

  body.task-login .smartbiz-login-card h3 {
    font-size: 24px !important;
  }

  body.task-login .smartbiz-login-trust {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    border-radius: 12px !important;
  }
}

/* Logo contrast guardrail: one SmartBiz logo, readable in both themes. */
body.task-login .smartbiz-logo-wrap {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

body.task-login .smartbiz-logo-wrap .smartbiz-login-logo {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  transition: opacity .15s ease !important;
}

body.task-login .smartbiz-logo-wrap .smartbiz-logo-light,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-logo-wrap .smartbiz-logo-light {
  opacity: 1 !important;
  visibility: visible !important;
}

body.task-login .smartbiz-logo-wrap .smartbiz-logo-dark,
html[data-smartbiz-theme="light"] body.task-login .smartbiz-logo-wrap .smartbiz-logo-dark {
  opacity: 0 !important;
  visibility: hidden !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-logo-wrap .smartbiz-logo-light {
  opacity: 0 !important;
  visibility: hidden !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-logo-wrap .smartbiz-logo-dark {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-smartbiz-theme="light"]) body.task-login .smartbiz-logo-wrap .smartbiz-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
  }

html:not([data-smartbiz-theme="light"]) body.task-login .smartbiz-logo-wrap .smartbiz-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* 2026-08-26 mailbox final stabilization.
   Keep Roundcube Elastic behaviour, but remove the broken custom layout rules
   that made the mailbox cramped, unreadable and visually inconsistent. */
body:not(.task-login) {
  --smartbiz-yellow: #ffcb05;
  --smartbiz-ink: #07120f;
  --smartbiz-green: #004f39;
  --smartbiz-soft: #fff8df;
  --smartbiz-mail-menu: 112px;
  --smartbiz-mail-folders: 360px;
  --smartbiz-mail-list: 520px;
  background: #f7f3e8 !important;
  color: #14221e !important;
}

body:not(.task-login) #layout-menu {
  width: var(--smartbiz-mail-menu) !important;
  min-width: var(--smartbiz-mail-menu) !important;
  max-width: var(--smartbiz-mail-menu) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-right: 1px solid rgba(0, 0, 0, .1) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .08) !important;
}

body:not(.task-login) #taskmenu {
  padding-top: 12px !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: calc(var(--smartbiz-mail-menu) - 16px) !important;
  min-height: 54px !important;
  margin: 6px 8px !important;
  padding: 8px 6px !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: #14221e !important;
  background: transparent !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #layout-menu .special-buttons a:hover {
  color: #000 !important;
  background: var(--smartbiz-yellow) !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: static !important;
  display: block !important;
  width: auto !important;
  max-width: 92px !important;
  height: auto !important;
  margin: 0 !important;
  clip: auto !important;
  overflow: hidden !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  width: var(--smartbiz-mail-menu) !important;
  padding: 8px 0 !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 0, 0, .08) !important;
}

@media (min-width: 1024px) {
  body:not(.task-login) #layout-sidebar {
    left: var(--smartbiz-mail-menu) !important;
    width: var(--smartbiz-mail-folders) !important;
    background: #fbfaf4 !important;
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
  }

  body:not(.task-login) #layout-list {
    left: calc(var(--smartbiz-mail-menu) + var(--smartbiz-mail-folders)) !important;
    width: var(--smartbiz-mail-list) !important;
    background: #ffffff !important;
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
  }

  body:not(.task-login) #layout-content {
    left: calc(var(--smartbiz-mail-menu) + var(--smartbiz-mail-folders) + var(--smartbiz-mail-list)) !important;
    background: #ffffff !important;
  }
}

body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header,
body:not(.task-login) .toolbar {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, .1) !important;
  color: #1c2421 !important;
}

body:not(.task-login) #mailboxlist li a,
body:not(.task-login) #messagelist tbody td,
body:not(.task-login) #messagelist tbody a,
body:not(.task-login) .listing tbody td {
  color: #1c2421 !important;
}

body:not(.task-login) #mailboxlist li.selected > a,
body:not(.task-login) #mailboxlist li a:hover {
  background: #fff1a8 !important;
  color: #000 !important;
  border-radius: 12px !important;
}

body:not(.task-login) .searchbar,
body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="search"],
body:not(.task-login) textarea {
  color: #18221f !important;
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, .18) !important;
}

body:not(.task-login) #layout-content .watermark,
body:not(.task-login) #messagecontframe .watermark,
body:not(.task-login) .watermark,
body:not(.task-login) .iframe-wrapper .watermark {
  opacity: .08 !important;
  filter: grayscale(1) !important;
}

body:not(.task-login) img[src*="roundcube"],
body:not(.task-login) .roundcube-logo {
  display: none !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
body.dark-mode:not(.task-login) {
  background: #07120f !important;
  color: #f6f2e7 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu .special-buttons {
  background: #050d0b !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content {
  background: #111b1a !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar .header,
body.dark-mode:not(.task-login) #layout-sidebar .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list .header,
body.dark-mode:not(.task-login) #layout-list .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content .header,
body.dark-mode:not(.task-login) #layout-content .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) .toolbar,
body.dark-mode:not(.task-login) .toolbar {
  background: #0a1311 !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #f7f3e8 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #taskmenu a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a,
body.dark-mode:not(.task-login) #mailboxlist li a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody td,
body.dark-mode:not(.task-login) #messagelist tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody a,
body.dark-mode:not(.task-login) #messagelist tbody a,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody td,
body.dark-mode:not(.task-login) .listing tbody td {
  color: #f7f3e8 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #taskmenu a:hover,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li.selected > a,
body.dark-mode:not(.task-login) #mailboxlist li.selected > a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:hover,
body.dark-mode:not(.task-login) #mailboxlist li a:hover {
  background: var(--smartbiz-yellow) !important;
  color: #000 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .searchbar,
body.dark-mode:not(.task-login) .searchbar,
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="text"],
body.dark-mode:not(.task-login) input[type="text"],
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="search"],
body.dark-mode:not(.task-login) input[type="search"],
html[data-smartbiz-theme="dark"] body:not(.task-login) textarea,
body.dark-mode:not(.task-login) textarea {
  background: #0b1714 !important;
  color: #f7f3e8 !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

@media (max-width: 1023px) {
  body:not(.task-login) {
    --smartbiz-mail-menu: 72px;
  }

  body:not(.task-login) #layout-menu {
    width: var(--smartbiz-mail-menu) !important;
    min-width: var(--smartbiz-mail-menu) !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 60px !important;
    min-height: 54px !important;
    margin: 5px 6px !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    max-width: 54px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}

/* 2026-08-27 final runtime precedence.
   This block intentionally sits last: it prevents the old wide-label mailbox
   rules above from overriding the stable production mailbox layout. */
body:not(.task-login) {
  --smartbiz-mail-menu: 76px !important;
  --smartbiz-mail-folders: 360px !important;
  --smartbiz-mail-list: 520px !important;
}

body:not(.task-login) #layout-menu {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  overflow: hidden !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 7px 9px !important;
  padding: 0 !important;
  flex-direction: row !important;
  gap: 0 !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

@media (min-width: 1024px) {
  body:not(.task-login) #layout-sidebar {
    left: 76px !important;
    width: 360px !important;
  }

  body:not(.task-login) #layout-list {
    left: 436px !important;
    width: 520px !important;
  }

  body:not(.task-login) #layout-content {
    left: 956px !important;
  }
}

/* 2026-09-03 production override: visible SmartBiz webmail console.
   This must remain last because older emergency mailbox blocks above used
   absolute visual offsets and hidden labels. */
body:not(.task-login) {
  --smartbiz-menu-width: 222px !important;
  --smartbiz-folder-width: 318px !important;
  --smartbiz-list-width: 520px !important;
  --smartbiz-topbar: 50px !important;
  --smartbiz-yellow: #ffcb05 !important;
  --smartbiz-ink: #111517 !important;
  --smartbiz-muted: #566166 !important;
  --smartbiz-shell: #f7f7f4 !important;
  --smartbiz-soft: #fbfaf4 !important;
  --smartbiz-line: rgba(16, 23, 25, .12) !important;
  min-width: 1024px !important;
  background: var(--smartbiz-shell) !important;
  color: var(--smartbiz-ink) !important;
}

body:not(.task-login) #layout {
  display: flex !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--smartbiz-shell) !important;
}

body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  height: 100vh !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

body:not(.task-login) #layout-menu {
  order: 0 !important;
  flex: 0 0 var(--smartbiz-menu-width) !important;
  width: var(--smartbiz-menu-width) !important;
  min-width: var(--smartbiz-menu-width) !important;
  max-width: var(--smartbiz-menu-width) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-right: 1px solid var(--smartbiz-line) !important;
  color: var(--smartbiz-ink) !important;
}

body:not(.task-login) #layout-sidebar {
  order: 1 !important;
  flex: 0 0 var(--smartbiz-folder-width) !important;
  width: var(--smartbiz-folder-width) !important;
  min-width: 260px !important;
  max-width: var(--smartbiz-folder-width) !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--smartbiz-soft) !important;
  border-right: 1px solid var(--smartbiz-line) !important;
}

body:not(.task-login) #layout-list {
  order: 2 !important;
  flex: 0 0 var(--smartbiz-list-width) !important;
  width: var(--smartbiz-list-width) !important;
  min-width: 360px !important;
  max-width: var(--smartbiz-list-width) !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-right: 1px solid var(--smartbiz-line) !important;
}

body:not(.task-login) #layout-content {
  order: 3 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header,
body:not(.task-login) #layout > div > .header,
body:not(.task-login) #layout > div > .footer,
body:not(.task-login) .toolbar {
  height: var(--smartbiz-topbar) !important;
  min-height: var(--smartbiz-topbar) !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border-color: var(--smartbiz-line) !important;
  color: var(--smartbiz-ink) !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  justify-content: flex-start !important;
  padding: 0 18px !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 120px !important;
  height: 34px !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important;
}

body:not(.task-login) #taskmenu,
body:not(.task-login) #layout-menu .special-buttons {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 14px 12px !important;
  background: #ffffff !important;
}

body:not(.task-login) #taskmenu {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  width: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 2px 0 7px !important;
  padding: 0 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border-radius: 7px !important;
  color: var(--smartbiz-ink) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.button.compose,
body:not(.task-login) #taskmenu a[aria-label="Compose"],
body:not(.task-login) #taskmenu a[title="Compose"] {
  height: 50px !important;
  margin: 4px 0 14px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #ffcb05 !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 18px !important;
  text-align: center !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: static !important;
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #layout-menu .special-buttons a.selected,
body:not(.task-login) #layout-menu .special-buttons a:focus,
body:not(.task-login) #layout-menu .special-buttons a:hover,
body:not(.task-login) #mailboxlist li.selected > a,
body:not(.task-login) #mailboxlist li a:focus,
body:not(.task-login) #mailboxlist li a:hover {
  color: #070707 !important;
  background: var(--smartbiz-yellow) !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  border-top: 1px solid var(--smartbiz-line) !important;
}

body:not(.task-login) #mailboxlist {
  padding: 10px 0 !important;
}

body:not(.task-login) #mailboxlist li a {
  min-height: 42px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 0 !important;
  color: var(--smartbiz-ink) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

body:not(.task-login) #messagelist tbody td,
body:not(.task-login) #messagelist tbody a,
body:not(.task-login) .listing tbody td,
body:not(.task-login) .listing tbody a {
  color: var(--smartbiz-ink) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body:not(.task-login) .searchbar {
  height: 34px !important;
  margin: 7px 8px !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 23, 25, .18) !important;
}

body:not(.task-login) .searchbar input,
body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="search"],
body:not(.task-login) textarea {
  color: var(--smartbiz-ink) !important;
  background: #ffffff !important;
  border-color: rgba(16, 23, 25, .18) !important;
}

body:not(.task-login) #layout-content .watermark,
body:not(.task-login) .watermark {
  opacity: .1 !important;
  filter: grayscale(1) !important;
}

body:not(.task-login) #layout-content::after {
  content: "" !important;
  position: absolute !important;
  inset: var(--smartbiz-topbar) 0 0 0 !important;
  pointer-events: none !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") center center / min(360px, 42vw) auto no-repeat !important;
  opacity: .08 !important;
}

body:not(.task-login) #layout-content .header,
body:not(.task-login) #layout-content .scroller,
body:not(.task-login) #layout-content .content,
body:not(.task-login) #layout-content .iframe-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --smartbiz-ink: #eef5f3 !important;
  --smartbiz-muted: #a8b4b1 !important;
  --smartbiz-shell: #0c1315 !important;
  --smartbiz-soft: #10191b !important;
  --smartbiz-line: rgba(238, 245, 243, .13) !important;
  background: var(--smartbiz-shell) !important;
  color: var(--smartbiz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout,
body.dark-mode:not(.task-login) #layout,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout > div > .header,
html.dark-mode body:not(.task-login) #layout > div > .header,
body.dark-mode:not(.task-login) #layout > div > .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout > div > .footer,
html.dark-mode body:not(.task-login) #layout > div > .footer,
body.dark-mode:not(.task-login) #layout > div > .footer,
html[data-smartbiz-theme="dark"] body:not(.task-login) .toolbar,
html.dark-mode body:not(.task-login) .toolbar,
body.dark-mode:not(.task-login) .toolbar {
  background: #121b1d !important;
  border-color: var(--smartbiz-line) !important;
  color: var(--smartbiz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar {
  background: var(--smartbiz-soft) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu,
html.dark-mode body:not(.task-login) #taskmenu,
body.dark-mode:not(.task-login) #taskmenu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu .special-buttons {
  background: #121b1d !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #taskmenu a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a,
html.dark-mode body:not(.task-login) #mailboxlist li a,
body.dark-mode:not(.task-login) #mailboxlist li a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody td,
html.dark-mode body:not(.task-login) #messagelist tbody td,
body.dark-mode:not(.task-login) #messagelist tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody a,
html.dark-mode body:not(.task-login) #messagelist tbody a,
body.dark-mode:not(.task-login) #messagelist tbody a,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody td,
html.dark-mode body:not(.task-login) .listing tbody td,
body.dark-mode:not(.task-login) .listing tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody a,
html.dark-mode body:not(.task-login) .listing tbody a,
body.dark-mode:not(.task-login) .listing tbody a {
  color: var(--smartbiz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #taskmenu a:focus,
body.dark-mode:not(.task-login) #taskmenu a:focus,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #taskmenu a:hover,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li.selected > a,
html.dark-mode body:not(.task-login) #mailboxlist li.selected > a,
body.dark-mode:not(.task-login) #mailboxlist li.selected > a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:hover,
html.dark-mode body:not(.task-login) #mailboxlist li a:hover,
body.dark-mode:not(.task-login) #mailboxlist li a:hover {
  color: #070707 !important;
  background: var(--smartbiz-yellow) !important;
}

@media (max-width: 1280px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 198px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 440px !important;
  }
}

@media (max-width: 960px) {
  body:not(.task-login) {
    min-width: 320px !important;
    --smartbiz-menu-width: 68px !important;
  }

  body:not(.task-login) #layout-menu {
    flex-basis: var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    padding: 0 8px !important;
    justify-content: center !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 48px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }
}

/* 2026-09-03 nav repair: first column must behave as a vertical app menu. */
body:not(.task-login) #layout-menu {
  --smartbiz-menu-width: 248px !important;
  flex: 0 0 var(--smartbiz-menu-width) !important;
  width: var(--smartbiz-menu-width) !important;
  min-width: var(--smartbiz-menu-width) !important;
  max-width: var(--smartbiz-menu-width) !important;
  overflow: hidden !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  flex: 0 0 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 22px !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  width: 132px !important;
  height: 40px !important;
}

body:not(.task-login) #layout-menu .menu,
body:not(.task-login) #layout-menu .menu ul,
body:not(.task-login) #taskmenu,
body:not(.task-login) #taskmenu ul,
body:not(.task-login) #layout-menu .special-buttons,
body:not(.task-login) #layout-menu .special-buttons ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

body:not(.task-login) #taskmenu,
body:not(.task-login) #layout-menu .menu {
  flex: 1 1 auto !important;
  padding: 14px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body:not(.task-login) #layout-menu .menu li,
body:not(.task-login) #taskmenu li,
body:not(.task-login) #layout-menu .special-buttons li {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .menu a,
body:not(.task-login) #layout-menu .special-buttons a {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 0 8px !important;
  padding: 0 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  float: none !important;
  clear: both !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  color: #17201d !important;
  background: transparent !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.smartbiz-compose,
body:not(.task-login) #layout-menu .menu a.compose,
body:not(.task-login) #layout-menu .menu a.smartbiz-compose {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 2px 0 12px !important;
  padding: 0 16px !important;
  color: #ffffff !important;
  background: #ffcb05 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 26px rgba(255, 203, 5, .18) !important;
}

body:not(.task-login) #taskmenu a::before,
body:not(.task-login) #layout-menu .menu a::before,
body:not(.task-login) #layout-menu .special-buttons a::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  float: none !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

body:not(.task-login) #taskmenu a .inner,
body:not(.task-login) #taskmenu a span,
body:not(.task-login) #layout-menu .menu a .inner,
body:not(.task-login) #layout-menu .menu a span,
body:not(.task-login) #layout-menu .special-buttons a .inner,
body:not(.task-login) #layout-menu .special-buttons a span {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

body:not(.task-login) #layout-menu .special-buttons {
  flex: 0 0 auto !important;
  padding: 12px !important;
  border-top: 1px solid var(--smartbiz-line) !important;
}

body:not(.task-login) #layout-menu .special-buttons a {
  margin-bottom: 6px !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a.button-selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #layout-menu .menu a.selected,
body:not(.task-login) #layout-menu .menu a.button-selected,
body:not(.task-login) #layout-menu .menu a:hover,
body:not(.task-login) #layout-menu .menu a:focus,
body:not(.task-login) #layout-menu .special-buttons a:hover,
body:not(.task-login) #layout-menu .special-buttons a:focus {
  color: #070707 !important;
  background: var(--smartbiz-yellow) !important;
}

html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #layout-menu .menu,
html.dark-mode body:not(.task-login) #taskmenu,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu .popover-header,
body.dark-mode:not(.task-login) #layout-menu .header,
body.dark-mode:not(.task-login) #layout-menu .menu,
body.dark-mode:not(.task-login) #taskmenu,
body.dark-mode:not(.task-login) #layout-menu .special-buttons {
  background: #0f181a !important;
  border-color: rgba(238, 245, 243, .14) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #layout-menu .menu a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #layout-menu .menu a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a {
  color: #edf5f2 !important;
  background: transparent !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a.button-selected,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #taskmenu a:focus,
html.dark-mode body:not(.task-login) #layout-menu .menu a.selected,
html.dark-mode body:not(.task-login) #layout-menu .menu a.button-selected,
html.dark-mode body:not(.task-login) #layout-menu .menu a:hover,
html.dark-mode body:not(.task-login) #layout-menu .menu a:focus,
body.dark-mode:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a.button-selected,
body.dark-mode:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #taskmenu a:focus,
body.dark-mode:not(.task-login) #layout-menu .menu a.selected,
body.dark-mode:not(.task-login) #layout-menu .menu a.button-selected,
body.dark-mode:not(.task-login) #layout-menu .menu a:hover,
body.dark-mode:not(.task-login) #layout-menu .menu a:focus {
  color: #070707 !important;
  background: var(--smartbiz-yellow) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.compose,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-compose,
body.dark-mode:not(.task-login) #taskmenu a.compose,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-compose {
  color: #ffffff !important;
  background: #ffcb05 !important;
}

@media (max-width: 960px) {
  body:not(.task-login) #layout-menu {
    --smartbiz-menu-width: 68px !important;
  }
}

/* 2026-09-03 SmartBiz customer tools final pass:
   one left menu, matching the requested guide, with SmartBiz colors only. */
body:not(.task-login) #layout-menu {
  --smartbiz-menu-width: 276px !important;
  background: #ffffff !important;
  border-right: 1px solid rgba(17, 24, 39, .10) !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  height: 64px !important;
  min-height: 64px !important;
  flex-basis: 64px !important;
  padding: 0 24px !important;
  background: #ffffff !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  width: 128px !important;
  height: 42px !important;
}

body:not(.task-login) #taskmenu {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 16px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #ffffff !important;
}

body:not(.task-login) #taskmenu a:not(.smartbiz-tool),
body:not(.task-login) #taskmenu li:has(a:not(.smartbiz-tool)),
body:not(.task-login) #layout-menu .special-buttons {
  display: none !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 0 4px !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #202523 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool::before {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 22px !important;
  margin: 0 !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool .inner {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-compose {
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 0 12px !important;
  color: #111111 !important;
  background: #ffcb05 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 22px rgba(255, 203, 5, .22) !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-mail.selected,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-mail.button-selected,
body:not(.task-mail) #taskmenu a.smartbiz-tool.smartbiz-mail:hover,
body:not(.task-login) #taskmenu a.smartbiz-tool:hover,
body:not(.task-login) #taskmenu a.smartbiz-tool:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
}

body.task-mail:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-mail,
body.task-addressbook:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-contacts,
body.task-settings:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-settings {
  color: #111111 !important;
  background: #fff2a8 !important;
}

html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #taskmenu,
body.dark-mode:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-menu .popover-header,
body.dark-mode:not(.task-login) #layout-menu .header,
body.dark-mode:not(.task-login) #taskmenu {
  background: #0f181a !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool {
  color: #eef4f2 !important;
  background: transparent !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-compose,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-compose,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool:hover,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool:focus,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool:hover,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
}

html.dark-mode body.task-mail:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-mail,
html.dark-mode body.task-addressbook:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-contacts,
html.dark-mode body.task-settings:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-settings,
body.dark-mode.task-mail:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-mail,
body.dark-mode.task-addressbook:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-contacts,
body.dark-mode.task-settings:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-settings {
  color: #111111 !important;
  background: #ffcb05 !important;
}

@media (max-width: 960px) {
  body:not(.task-login) #layout-menu {
    --smartbiz-menu-width: 76px !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    padding: 0 10px !important;
    justify-content: center !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 52px !important;
  }

  body:not(.task-login) #taskmenu {
    padding: 14px 10px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool .inner {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }
}

/* 2026-09-03 folders and quota polish. */
body.task-mail:not(.task-login) #layout-sidebar .listing.folderlist li.mailbox,
body.task-mail:not(.task-login) #layout-sidebar .listing.folderlist li.mailbox a {
  min-height: 48px !important;
}

body.task-mail:not(.task-login) #layout-sidebar .listing.folderlist li.mailbox.junk,
body.task-mail:not(.task-login) #layout-sidebar .listing.folderlist li.mailbox.trash {
  display: list-item !important;
}

body.task-mail:not(.task-login) #layout-sidebar .footer,
body.task-mail:not(.task-login) #layout-sidebar .pagenav {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(17, 24, 39, .10) !important;
}

body.task-mail:not(.task-login) #quotadisplay,
body.task-settings:not(.task-login) #quotadisplay {
  display: block !important;
  width: 100% !important;
  min-height: 18px !important;
  color: #38423f !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.task-mail:not(.task-login) #quotadisplay .bar,
body.task-settings:not(.task-login) #quotadisplay .bar {
  display: block !important;
  height: 6px !important;
  width: 100% !important;
  max-width: 140px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(17, 24, 39, .14) !important;
}

body.task-mail:not(.task-login) #quotadisplay .value,
body.task-settings:not(.task-login) #quotadisplay .value {
  background: #ffcb05 !important;
}

html.dark-mode body.task-mail:not(.task-login) #layout-sidebar .footer,
body.dark-mode.task-mail:not(.task-login) #layout-sidebar .footer,
html.dark-mode body.task-mail:not(.task-login) #layout-sidebar .pagenav,
body.dark-mode.task-mail:not(.task-login) #layout-sidebar .pagenav {
  background: #10191b !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

html.dark-mode body.task-mail:not(.task-login) #quotadisplay,
html.dark-mode body.task-settings:not(.task-login) #quotadisplay,
body.dark-mode.task-mail:not(.task-login) #quotadisplay,
body.dark-mode.task-settings:not(.task-login) #quotadisplay {
  color: #edf5f2 !important;
}

/* 2026-09-03 visible SmartBiz dark-mode switch. */
body:not(.task-login) #layout-menu .special-buttons {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: auto !important;
  margin: 0 !important;
  padding: 12px 14px 16px !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(17, 24, 39, .10) !important;
}

body:not(.task-login) #layout-menu .special-buttons a:not(.theme) {
  display: none !important;
}

body:not(.task-login) #layout-menu .special-buttons a.theme {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  border-radius: 7px !important;
  color: #202523 !important;
  background: transparent !important;
  text-decoration: none !important;
}

body:not(.task-login) #layout-menu .special-buttons a.theme:hover,
body:not(.task-login) #layout-menu .special-buttons a.theme:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
}

body:not(.task-login) #layout-menu .special-buttons a.theme::before {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

body:not(.task-login) #layout-menu .special-buttons a.theme .inner {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.dark-mode body:not(.task-login) #layout-menu .special-buttons,
body.dark-mode:not(.task-login) #layout-menu .special-buttons {
  background: #0f181a !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

html.dark-mode body:not(.task-login) #layout-menu .special-buttons a.theme,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a.theme {
  color: #eef4f2 !important;
  background: transparent !important;
}

html.dark-mode body:not(.task-login) #layout-menu .special-buttons a.theme:hover,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a.theme:focus,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a.theme:hover,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a.theme:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
}

/* 2026-09-03 SmartBiz brand guard:
   remove inherited Roundcube empty-state artwork everywhere. */
body:not(.task-login) .watermark,
body:not(.task-login) .watermark::before,
body:not(.task-login) .watermark::after,
body:not(.task-login) .emptycontent::before,
body:not(.task-login) .emptycontent::after,
body:not(.task-login) img[src*="roundcube"],
body:not(.task-login) img[src*="logo.svg"],
body:not(.task-login) .roundcube-logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

body:not(.task-login) #layout-content,
body:not(.task-login) #messagecontframe:empty,
body:not(.task-login) #mailpreviewframe:empty,
body:not(.task-login) #messagebody:empty,
body:not(.task-login) .iframe-wrapper:empty {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: min(420px, 42vw) auto !important;
}

body:not(.task-login) #layout-content {
  background-color: #ffffff !important;
  background-blend-mode: normal !important;
}

html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #messagecontframe:empty,
html.dark-mode body:not(.task-login) #mailpreviewframe:empty,
html.dark-mode body:not(.task-login) #messagebody:empty,
body.dark-mode:not(.task-login) #messagecontframe:empty,
body.dark-mode:not(.task-login) #mailpreviewframe:empty,
body.dark-mode:not(.task-login) #messagebody:empty {
  background-color: #10191b !important;
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

/* 2026-09-03 dark/readability and single-watermark fix. */
body:not(.task-login) #layout-content,
body:not(.task-login) #messagecontframe,
body:not(.task-login) #mailpreviewframe,
body:not(.task-login) #messagebody,
body:not(.task-login) .iframe-wrapper {
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
}

body:not(.task-login) #layout-content::before,
body:not(.task-login) #layout-content::after,
body:not(.task-login) #messagecontframe::before,
body:not(.task-login) #messagecontframe::after,
body:not(.task-login) #mailpreviewframe::before,
body:not(.task-login) #mailpreviewframe::after,
body:not(.task-login) #messagebody::before,
body:not(.task-login) #messagebody::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

body:not(.task-login) #messagecontframe:empty,
body:not(.task-login) #mailpreviewframe:empty,
body:not(.task-login) #messagebody:empty {
  background-color: #ffffff !important;
  background-image: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: min(360px, 40vw) auto !important;
}

html.dark-mode body:not(.task-login) #messagecontframe:empty,
html.dark-mode body:not(.task-login) #mailpreviewframe:empty,
html.dark-mode body:not(.task-login) #messagebody:empty,
body.dark-mode:not(.task-login) #messagecontframe:empty,
body.dark-mode:not(.task-login) #mailpreviewframe:empty,
body.dark-mode:not(.task-login) #messagebody:empty {
  background-color: #10191b !important;
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #messagecontframe,
html.dark-mode body:not(.task-login) #mailpreviewframe,
html.dark-mode body:not(.task-login) #messagebody,
html.dark-mode body:not(.task-login) .message-part,
html.dark-mode body:not(.task-login) .message-htmlpart,
body.dark-mode:not(.task-login) #messagecontframe,
body.dark-mode:not(.task-login) #mailpreviewframe,
body.dark-mode:not(.task-login) #messagebody,
body.dark-mode:not(.task-login) .message-part,
body.dark-mode:not(.task-login) .message-htmlpart {
  color: #edf5f2 !important;
  background-color: #10191b !important;
  background-image: none !important;
}

html.dark-mode body:not(.task-login) .message-part *,
html.dark-mode body:not(.task-login) .message-htmlpart *,
body.dark-mode:not(.task-login) .message-part *,
body.dark-mode:not(.task-login) .message-htmlpart * {
  color: #edf5f2 !important;
  background-color: transparent !important;
}

html.dark-mode body:not(.task-login) .toolbar a.button,
html.dark-mode body:not(.task-login) .toolbar a.button::before,
html.dark-mode body:not(.task-login) .toolbar .button,
html.dark-mode body:not(.task-login) .toolbar .button::before,
html.dark-mode body:not(.task-login) a.button.icon,
html.dark-mode body:not(.task-login) a.button.icon::before,
html.dark-mode body:not(.task-login) .menu a,
html.dark-mode body:not(.task-login) .menu a::before,
body.dark-mode:not(.task-login) .toolbar a.button,
body.dark-mode:not(.task-login) .toolbar a.button::before,
body.dark-mode:not(.task-login) .toolbar .button,
body.dark-mode:not(.task-login) .toolbar .button::before,
body.dark-mode:not(.task-login) a.button.icon,
body.dark-mode:not(.task-login) a.button.icon::before,
body.dark-mode:not(.task-login) .menu a,
body.dark-mode:not(.task-login) .menu a::before {
  color: #edf5f2 !important;
}

html.dark-mode body:not(.task-login) .toolbar a.button.disabled,
html.dark-mode body:not(.task-login) .toolbar .button.disabled,
body.dark-mode:not(.task-login) .toolbar a.button.disabled,
body.dark-mode:not(.task-login) .toolbar .button.disabled {
  color: rgba(237, 245, 242, .42) !important;
  opacity: 1 !important;
}

html.dark-mode body:not(.task-login) input,
html.dark-mode body:not(.task-login) textarea,
html.dark-mode body:not(.task-login) select,
html.dark-mode body:not(.task-login) .form-control,
html.dark-mode body:not(.task-login) .searchbar,
html.dark-mode body:not(.task-login) .searchbar input,
body.dark-mode:not(.task-login) input,
body.dark-mode:not(.task-login) textarea,
body.dark-mode:not(.task-login) select,
body.dark-mode:not(.task-login) .form-control,
body.dark-mode:not(.task-login) .searchbar,
body.dark-mode:not(.task-login) .searchbar input {
  color: #edf5f2 !important;
  background-color: #10191b !important;
  border-color: rgba(237, 245, 242, .22) !important;
}

/* 2026-09-03 message header dark-mode fix. */
html.dark-mode body:not(.task-login) #message-header,
html.dark-mode body:not(.task-login) #message-header *,
html.dark-mode body:not(.task-login) #message-header .subject,
html.dark-mode body:not(.task-login) #message-header .header-content,
html.dark-mode body:not(.task-login) #message-header .header-headers,
html.dark-mode body:not(.task-login) #message-header .header-links,
html.dark-mode body:not(.task-login) #message-header .header-summary,
html.dark-mode body:not(.task-login) .message-headers,
html.dark-mode body:not(.task-login) .message-headers *,
body.dark-mode:not(.task-login) #message-header,
body.dark-mode:not(.task-login) #message-header *,
body.dark-mode:not(.task-login) #message-header .subject,
body.dark-mode:not(.task-login) #message-header .header-content,
body.dark-mode:not(.task-login) #message-header .header-headers,
body.dark-mode:not(.task-login) #message-header .header-links,
body.dark-mode:not(.task-login) #message-header .header-summary,
body.dark-mode:not(.task-login) .message-headers,
body.dark-mode:not(.task-login) .message-headers * {
  color: #edf5f2 !important;
  background-color: #10191b !important;
  background-image: none !important;
  border-color: rgba(237, 245, 242, .16) !important;
}

html.dark-mode body:not(.task-login) #message-header a,
html.dark-mode body:not(.task-login) #message-header a::before,
html.dark-mode body:not(.task-login) #message-header .button,
html.dark-mode body:not(.task-login) #message-header .button::before,
html.dark-mode body:not(.task-login) #message-header i,
html.dark-mode body:not(.task-login) #message-header i::before,
body.dark-mode:not(.task-login) #message-header a,
body.dark-mode:not(.task-login) #message-header a::before,
body.dark-mode:not(.task-login) #message-header .button,
body.dark-mode:not(.task-login) #message-header .button::before,
body.dark-mode:not(.task-login) #message-header i,
body.dark-mode:not(.task-login) #message-header i::before {
  color: #edf5f2 !important;
}

html.dark-mode body:not(.task-login) #message-header img.contactphoto,
html.dark-mode body:not(.task-login) #message-header #contactpic,
body.dark-mode:not(.task-login) #message-header img.contactphoto,
body.dark-mode:not(.task-login) #message-header #contactpic {
  background-color: #263538 !important;
}

/* 2026-09-08 compose dark-mode final pass. */
html.dark-mode body.task-mail.action-compose:not(.task-login),
body.dark-mode.task-mail.action-compose:not(.task-login),
html.dark-mode body.task-mail.action-compose:not(.task-login) #layout,
body.dark-mode.task-mail.action-compose:not(.task-login) #layout,
html.dark-mode body.task-mail.action-compose:not(.task-login) #layout-content,
body.dark-mode.task-mail.action-compose:not(.task-login) #layout-content,
html.dark-mode body.task-mail.action-compose:not(.task-login) #compose-content,
body.dark-mode.task-mail.action-compose:not(.task-login) #compose-content,
html.dark-mode body.task-mail.action-compose:not(.task-login) #composebodycontainer,
body.dark-mode.task-mail.action-compose:not(.task-login) #composebodycontainer,
html.dark-mode body.task-mail.action-compose:not(.task-login) .formcontent,
body.dark-mode.task-mail.action-compose:not(.task-login) .formcontent,
html.dark-mode body.task-mail.action-compose:not(.task-login) .compose-headers,
body.dark-mode.task-mail.action-compose:not(.task-login) .compose-headers {
  color: #edf5f2 !important;
  background: #10191b !important;
  background-image: none !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) #composeoptions,
body.dark-mode.task-mail.action-compose:not(.task-login) #composeoptions,
html.dark-mode body.task-mail.action-compose:not(.task-login) #compose-attachments,
body.dark-mode.task-mail.action-compose:not(.task-login) #compose-attachments,
html.dark-mode body.task-mail.action-compose:not(.task-login) .compose-attachments,
body.dark-mode.task-mail.action-compose:not(.task-login) .compose-attachments,
html.dark-mode body.task-mail.action-compose:not(.task-login) .attachmentslist,
body.dark-mode.task-mail.action-compose:not(.task-login) .attachmentslist,
html.dark-mode body.task-mail.action-compose:not(.task-login) .file-upload,
body.dark-mode.task-mail.action-compose:not(.task-login) .file-upload,
html.dark-mode body.task-mail.action-compose:not(.task-login) .filedrop,
body.dark-mode.task-mail.action-compose:not(.task-login) .filedrop,
html.dark-mode body.task-mail.action-compose:not(.task-login) .droptarget,
body.dark-mode.task-mail.action-compose:not(.task-login) .droptarget,
html.dark-mode body.task-mail.action-compose:not(.task-login) .upload-form,
body.dark-mode.task-mail.action-compose:not(.task-login) .upload-form {
  color: #dce8e5 !important;
  background: #10191b !important;
  background-image: none !important;
  border-color: rgba(237, 245, 242, .24) !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) .droptarget,
body.dark-mode.task-mail.action-compose:not(.task-login) .droptarget,
html.dark-mode body.task-mail.action-compose:not(.task-login) .filedrop,
body.dark-mode.task-mail.action-compose:not(.task-login) .filedrop {
  border-style: dashed !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) iframe,
body.dark-mode.task-mail.action-compose:not(.task-login) iframe,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-editor-container,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-editor-container,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-edit-area,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-edit-area,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-edit-area iframe,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-edit-area iframe,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-edit-area,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-edit-area,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-edit-area iframe,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-edit-area iframe,
html.dark-mode body.task-mail.action-compose:not(.task-login) #composebody_ifr,
body.dark-mode.task-mail.action-compose:not(.task-login) #composebody_ifr {
  color-scheme: dark !important;
  background: #10191b !important;
  background-color: #10191b !important;
  border-color: rgba(237, 245, 242, .18) !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-toolbar,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-toolbar__primary,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-toolbar__group,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-menubar,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-statusbar,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-toolbar,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-panel,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-toolbar,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-toolbar__primary,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-toolbar__group,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-menubar,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-statusbar,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-toolbar,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-panel {
  color: #edf5f2 !important;
  background: #334244 !important;
  border-color: rgba(237, 245, 242, .18) !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-tbtn,
html.dark-mode body.task-mail.action-compose:not(.task-login) .tox-tbtn *,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-btn,
html.dark-mode body.task-mail.action-compose:not(.task-login) .mce-btn *,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-tbtn,
body.dark-mode.task-mail.action-compose:not(.task-login) .tox-tbtn *,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-btn,
body.dark-mode.task-mail.action-compose:not(.task-login) .mce-btn * {
  color: #edf5f2 !important;
  fill: #edf5f2 !important;
}

html.dark-mode body.task-mail.action-compose:not(.task-login) label,
body.dark-mode.task-mail.action-compose:not(.task-login) label,
html.dark-mode body.task-mail.action-compose:not(.task-login) .formcontent *,
body.dark-mode.task-mail.action-compose:not(.task-login) .formcontent * {
  border-color: rgba(237, 245, 242, .16) !important;
}

/* 2026-09-09 SmartBiz FR/EN language switch. */
body.task-login .smartbiz-login-topbar {
  gap: 14px !important;
}

body.task-login .smartbiz-language-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid rgba(17, 17, 17, .12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 10px 24px rgba(17, 17, 17, .06) !important;
}

body.task-login .smartbiz-language-switch button {
  width: 42px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #111111 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 32px !important;
  text-align: center !important;
  cursor: pointer !important;
}

body.task-login .smartbiz-language-switch button[aria-pressed="true"] {
  background: #ffcb05 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-language-switch {
  border-color: rgba(237, 245, 242, .16) !important;
  background: rgba(16, 25, 27, .88) !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-language-switch button {
  color: #edf5f2 !important;
}

html[data-smartbiz-theme="dark"] body.task-login .smartbiz-language-switch button[aria-pressed="true"] {
  color: #111111 !important;
  background: #ffcb05 !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
  width: 72px !important;
  min-height: 34px !important;
  margin-top: 8px !important;
  border: 1px solid rgba(17, 17, 17, .12) !important;
  border-radius: 999px !important;
  background: transparent !important;
  justify-content: center !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language::before {
  content: "\f0ac" !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language .inner {
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
  border-color: #ffcb05 !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
  color: #edf5f2 !important;
  border-color: rgba(237, 245, 242, .2) !important;
  background: transparent !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
  border-color: #ffcb05 !important;
}

/* 2026-09-23 terminal override: compact task rail, folders, list, reader. */
@media (min-width: 961px) {
  body.task-mail:not(.task-login) {
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 74px !important;
  }

  body.task-mail:not(.task-login) #layout-menu {
    display: none !important;
  }

  body.task-mail:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
    order: 0 !important;
    background: #fbfaf6 !important;
  }

  body.task-mail:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
    order: 1 !important;
  }

  body.task-mail:not(.task-login) #layout-content {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.task-mail:not(.task-login) #layout-sidebar .header {
    height: var(--smartbiz-topbar) !important;
    min-height: var(--smartbiz-topbar) !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  body.task-mail:not(.task-login) #layout-sidebar .header::before {
    content: "" !important;
    display: block !important;
    width: 126px !important;
    height: 42px !important;
    background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") center / contain no-repeat !important;
  }

  body.task-mail:not(.task-login) #layout-sidebar .header .header-title,
  body.task-mail:not(.task-login) #layout-sidebar .header .buttons,
  body.task-mail:not(.task-login) #layout-sidebar .header a {
    display: none !important;
  }

  body.task-mail:not(.task-login) .smartbiz-sidebar-compose {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    margin: 18px 14px 12px !important;
    border-radius: 12px !important;
    background: var(--sbz-yellow) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  body.task-mail:not(.task-login) #mailboxlist {
    padding: 0 12px 12px !important;
  }

  body.task-mail:not(.task-login) #mailboxlist li,
  body.task-mail:not(.task-login) #mailboxlist li.mailbox {
    border: 0 !important;
    margin: 0 0 8px !important;
  }

  body.task-mail:not(.task-login) #mailboxlist li a {
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
  }

  body.task-mail:not(.task-login) #mailboxlist li.selected > a {
    background: #101010 !important;
    color: #ffffff !important;
  }

  body.task-mail:not(.task-login) #layout-list .header,
  body.task-mail:not(.task-login) #layout-content .header {
    height: var(--smartbiz-topbar) !important;
    min-height: var(--smartbiz-topbar) !important;
  }

  body.task-mail:not(.task-login) #layout-content::after {
    opacity: 0 !important;
    display: none !important;
  }

  html[data-smartbiz-theme="dark"] body.task-mail:not(.task-login) #layout-sidebar .header::before,
  html.dark-mode body.task-mail:not(.task-login) #layout-sidebar .header::before,
  body.dark-mode.task-mail:not(.task-login) #layout-sidebar .header::before {
    background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
  }

  body:not(.task-login) {
    --smartbiz-menu-width: 82px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 58px !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
  }

  body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 58px !important;
    height: 36px !important;
    background-position: center !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    width: var(--smartbiz-menu-width) !important;
    padding: 10px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a::before,
  body:not(.task-login) #layout-menu .special-buttons a::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 58px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 58px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 9px !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 30px !important;
    min-height: 30px !important;
    bottom: 66px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 40px !important;
  }
}

/* 2026-09-23 complete-shell terminal lock. This must stay at EOF. */
html[data-smartbiz-task] body:not(.task-login) #layout-menu {
  display: none !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar {
  display: grid !important;
  height: 74px !important;
  grid-template-columns: 172px minmax(240px, 620px) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  background: var(--sbz-panel, #fffefa) !important;
  color: var(--sbz-ink, #101010) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo {
  width: 136px !important;
  height: 46px !important;
  display: block !important;
  background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-logo,
html.dark-mode body:not(.task-login) .smartbiz-production-logo,
body.dark-mode:not(.task-login) .smartbiz-production-logo {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search {
  height: 46px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  align-items: center !important;
  border: 1px solid #d7ddd9 !important;
  border-radius: 11px !important;
  background: var(--sbz-soft, #f2f0ea) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search input {
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink, #101010) !important;
  font-weight: 850 !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
  width: 92px !important;
  height: 46px !important;
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sbz-line, #ded8cb) !important;
  border-radius: 11px !important;
  background: var(--sbz-panel, #fffefa) !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button {
  width: 46px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] {
  background: #ffcb05 !important;
  color: #101010 !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout {
    height: calc(100dvh - 74px) !important;
    display: grid !important;
    grid-template-columns: 260px 390px minmax(420px, 1fr) !important;
    grid-template-rows: 1fr !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 18px !important;
    border-right: 1px solid var(--sbz-line, #ded8cb) !important;
    background: #fbfaf6 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-right: 1px solid var(--sbz-line, #ded8cb) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    grid-column: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #f8f6ef !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-sidebar-compose {
    height: 52px !important;
    margin: 0 0 16px !important;
    border-radius: 12px !important;
    background: #ffcb05 !important;
    color: #101010 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout {
    height: calc(100dvh - 74px) !important;
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout-content,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .formcontent,
  html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) .boxcontent {
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    border-color: var(--sbz-line, #ded8cb) !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar {
    height: 74px !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 8px !important;
    padding: 0 16px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo {
    width: 112px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-calendar-entry,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-entry {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    border-radius: 999px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button {
    display: none !important;
    width: 38px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="false"] {
    display: block !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout {
    width: 100vw !important;
    height: calc(100dvh - 74px - 64px) !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task] body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list,
  html[data-smartbiz-task] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    overflow: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-list {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-content {
    display: block !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000 !important;
    height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border-top: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }
}

@media (max-width: 960px) {
  body.task-mail:not(.task-login) #layout-menu {
    display: none !important;
  }

  body.task-mail:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  body.task-mail:not(.task-login) #layout-list {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    border-right: 0 !important;
  }

  body.task-mail:not(.task-login) #layout-content {
    display: none !important;
  }

  body.task-mail.action-show:not(.task-login) #layout-list,
  body.task-mail.action-preview:not(.task-login) #layout-list {
    display: none !important;
  }

  body.task-mail.action-show:not(.task-login) #layout-content,
  body.task-mail.action-preview:not(.task-login) #layout-content {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100vw !important;
  }
}

/* 2026-09-23 terminal override: compact task rail, real folders, real list, reader. */
@media (min-width: 961px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 82px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 58px !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
  }

  body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 58px !important;
    height: 36px !important;
    background-position: center !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    width: var(--smartbiz-menu-width) !important;
    padding: 10px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a::before,
  body:not(.task-login) #layout-menu .special-buttons a::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 58px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 58px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 9px !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 30px !important;
    min-height: 30px !important;
    bottom: 66px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 40px !important;
  }
}

/* 2026-09-23 final winning Roundcube layout override. */
@media (min-width: 961px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 82px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 58px !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
  }

  body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 58px !important;
    height: 36px !important;
    background-position: center !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    width: var(--smartbiz-menu-width) !important;
    padding: 10px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a::before,
  body:not(.task-login) #layout-menu .special-buttons a::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 58px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 58px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 9px !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 30px !important;
    min-height: 30px !important;
    bottom: 66px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 40px !important;
  }
}

/* 2026-09-23 real Roundcube correction.
   The approved mockup has one business navigation zone; Roundcube has both a
   task menu and a folder pane. Keep the task menu as a compact rail so the
   visible desktop composition becomes: rail / folders / messages / reader. */
@media (min-width: 961px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 82px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 58px !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
  }

  body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 58px !important;
    height: 36px !important;
    background-position: center !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    width: var(--smartbiz-menu-width) !important;
    padding: 10px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a::before,
  body:not(.task-login) #layout-menu .special-buttons a::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 58px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 58px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 9px !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 30px !important;
    min-height: 30px !important;
    bottom: 66px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 40px !important;
  }
}

/* 2026-09-22 approved SmartBiz webmail visual layer.
   This is the production mapping of the validated preview onto Roundcube Elastic. */
body:not(.task-login) {
  --sbz-yellow: #ffcb05;
  --sbz-ink: #101010;
  --sbz-muted: #697176;
  --sbz-line: #ded8cb;
  --sbz-paper: #f7f4ed;
  --sbz-panel: #fffefa;
  --sbz-soft: #f2f0ea;
  --sbz-green-soft: #dff0e7;
  --sbz-green: #173f31;
  --sbz-radius: 10px;
  background: var(--sbz-paper) !important;
  color: var(--sbz-ink) !important;
}

body:not(.task-login) #layout {
  background: var(--sbz-paper) !important;
}

body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content,
body:not(.task-login) #layout-content .content,
body:not(.task-login) #layout-content .iframe-wrapper {
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  border-color: var(--sbz-line) !important;
}

body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list {
  background: #fbfaf6 !important;
}

body:not(.task-login) #layout-content {
  background: #ffffff !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header,
body:not(.task-login) #layout > div > .header,
body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header,
body:not(.task-login) .toolbar {
  min-height: 72px !important;
  height: 72px !important;
  background: var(--sbz-panel) !important;
  border-color: var(--sbz-line) !important;
  color: var(--sbz-ink) !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  width: 126px !important;
  height: 42px !important;
  background-image: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") !important;
}

body:not(.task-login) #taskmenu,
body:not(.task-login) #layout-menu .special-buttons {
  background: transparent !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a,
body:not(.task-login) #mailboxlist li a {
  color: #2d3437 !important;
  border-radius: var(--sbz-radius) !important;
  font-weight: 900 !important;
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #layout-menu .special-buttons a:hover,
body:not(.task-login) #mailboxlist li.selected > a,
body:not(.task-login) #mailboxlist li a:hover {
  background: #101010 !important;
  color: #ffffff !important;
}

body:not(.task-login) #taskmenu a.compose,
body:not(.task-login) #taskmenu a.button.compose,
body:not(.task-login) #taskmenu a.smartbiz-compose {
  color: #ffffff !important;
  background: var(--sbz-yellow) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body:not(.task-login) .smartbiz-mail-theme-switch {
  display: inline-flex !important;
  align-items: center !important;
  width: 92px !important;
  height: 46px !important;
  margin: 10px auto 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sbz-line) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
}

body:not(.task-login) .smartbiz-mail-theme-switch button {
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sbz-ink) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 46px !important;
  text-align: center !important;
}

body:not(.task-login) .smartbiz-mail-theme-switch button + button {
  border-left: 1px solid var(--sbz-line) !important;
}

body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] {
  background: var(--sbz-yellow) !important;
  color: #101010 !important;
}

body:not(.task-login) .searchbar,
body:not(.task-login) .searchbar input,
body:not(.task-login) input[type="text"],
body:not(.task-login) input[type="search"],
body:not(.task-login) input.form-control,
body:not(.task-login) textarea.form-control,
body:not(.task-login) textarea {
  background: var(--sbz-soft) !important;
  color: var(--sbz-ink) !important;
  border-color: #d7ddd9 !important;
  border-radius: 11px !important;
}

body:not(.task-login) #messagelist tbody tr,
body:not(.task-login) .messagelist tr,
body:not(.task-login) .listing tbody tr {
  background: #fbfaf6 !important;
  border-color: var(--sbz-line) !important;
}

body:not(.task-login) #messagelist tbody tr.selected,
body:not(.task-login) .listing tbody tr.selected,
body:not(.task-login) .listing li.selected {
  background: var(--sbz-panel) !important;
  border-left: 5px solid var(--sbz-yellow) !important;
}

body:not(.task-login) #messagelist tbody td,
body:not(.task-login) #messagelist tbody a,
body:not(.task-login) .listing tbody td,
body:not(.task-login) .listing tbody a {
  color: var(--sbz-ink) !important;
}

body:not(.task-login) #messagelist tbody tr.unread td,
body:not(.task-login) #messagelist tbody tr.unread a,
body:not(.task-login) .messagelist tr.unread td,
body:not(.task-login) .messagelist tr.unread a {
  font-weight: 950 !important;
}

body:not(.task-login) .messagelist .date,
body:not(.task-login) .messagelist td.date,
body:not(.task-login) .listing td.date,
body:not(.task-login) .listing .secondary,
body:not(.task-login) .listing .preview {
  color: var(--sbz-muted) !important;
}

body:not(.task-login) #layout-content .header .header-title,
body:not(.task-login) #message-header h2,
body:not(.task-login) #message-header .subject,
body:not(.task-login) .message-part,
body:not(.task-login) .message-htmlpart,
body:not(.task-login) #messagebody {
  color: var(--sbz-ink) !important;
}

body:not(.task-login) #messagebody,
body:not(.task-login) #messagecontframe,
body:not(.task-login) #mailpreviewframe,
body:not(.task-login) .message-part,
body:not(.task-login) .message-htmlpart,
body:not(.task-login) .iframe-wrapper {
  background: #ffffff !important;
}

body:not(.task-login) .attachmentslist li,
body:not(.task-login) .attachment,
body:not(.task-login) .attachment-links {
  background: #fbfaf6 !important;
  border-color: var(--sbz-line) !important;
  border-radius: 14px !important;
  color: var(--sbz-ink) !important;
}

body:not(.task-login) .btn-primary,
body:not(.task-login) button.btn-primary,
body:not(.task-login) input.button.mainaction,
body:not(.task-login) a.button.mainaction,
body:not(.task-login) .formbuttons .button {
  color: #101010 !important;
  background: var(--sbz-yellow) !important;
  border-color: var(--sbz-yellow) !important;
}

body:not(.task-login).action-compose #layout-content,
body:not(.task-login).action-compose #compose-content,
body:not(.task-login).action-compose .formcontent,
body:not(.task-login).action-compose .compose-headers,
body:not(.task-login).action-compose .mce-panel,
body:not(.task-login).action-compose .tox,
body:not(.task-login).action-compose .tox-edit-area__iframe {
  background: #ffffff !important;
  color: var(--sbz-ink) !important;
  border-color: var(--sbz-line) !important;
}

body:not(.task-login).task-settings #layout-content,
body:not(.task-login).task-settings .formcontent,
body:not(.task-login).task-settings .propform,
body:not(.task-login).task-settings .settings,
body:not(.task-login).task-addressbook #layout-content {
  background: #ffffff !important;
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --sbz-ink: #f7f3e8;
  --sbz-muted: #c8d2cf;
  --sbz-line: rgba(255, 255, 255, .13);
  --sbz-paper: #070707;
  --sbz-panel: #111614;
  --sbz-soft: #16201d;
  --sbz-green-soft: rgba(255, 203, 5, .16);
  --sbz-green: #ffcb05;
  background: var(--sbz-paper) !important;
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout,
body.dark-mode:not(.task-login) #layout {
  background: var(--sbz-paper) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-menu,
html.dark-mode body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-menu,
body.dark-mode:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-content {
  background: #0e1412 !important;
  color: var(--sbz-ink) !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html[data-smartbiz-theme="dark"] body:not(.task-login) .reader,
html.dark-mode body:not(.task-login) .reader,
body.dark-mode:not(.task-login) .reader {
  background: var(--sbz-panel) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .popover-header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout > div > .header,
html[data-smartbiz-theme="dark"] body:not(.task-login) .toolbar,
html.dark-mode body:not(.task-login) #layout-menu .popover-header,
html.dark-mode body:not(.task-login) #layout-menu .header,
html.dark-mode body:not(.task-login) #layout > div > .header,
html.dark-mode body:not(.task-login) .toolbar,
body.dark-mode:not(.task-login) #layout-menu .popover-header,
body.dark-mode:not(.task-login) #layout-menu .header,
body.dark-mode:not(.task-login) #layout > div > .header,
body.dark-mode:not(.task-login) .toolbar {
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .popover-header::before,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .header::before,
html.dark-mode body:not(.task-login) #layout-menu .popover-header::before,
html.dark-mode body:not(.task-login) #layout-menu .header::before,
body.dark-mode:not(.task-login) #layout-menu .popover-header::before,
body.dark-mode:not(.task-login) #layout-menu .header::before {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .special-buttons a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a,
html.dark-mode body:not(.task-login) #taskmenu a,
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a,
html.dark-mode body:not(.task-login) #mailboxlist li a,
body.dark-mode:not(.task-login) #taskmenu a,
body.dark-mode:not(.task-login) #layout-menu .special-buttons a,
body.dark-mode:not(.task-login) #mailboxlist li a {
  color: #9ba8a4 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #taskmenu a:hover,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li.selected > a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailboxlist li a:hover,
html.dark-mode body:not(.task-login) #taskmenu a.selected,
html.dark-mode body:not(.task-login) #taskmenu a:hover,
html.dark-mode body:not(.task-login) #mailboxlist li.selected > a,
html.dark-mode body:not(.task-login) #mailboxlist li a:hover,
body.dark-mode:not(.task-login) #taskmenu a.selected,
body.dark-mode:not(.task-login) #taskmenu a:hover,
body.dark-mode:not(.task-login) #mailboxlist li.selected > a,
body.dark-mode:not(.task-login) #mailboxlist li a:hover {
  background: #050807 !important;
  color: #ffffff !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody tr,
html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist tr,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody tr,
html.dark-mode body:not(.task-login) #messagelist tbody tr,
html.dark-mode body:not(.task-login) .messagelist tr,
html.dark-mode body:not(.task-login) .listing tbody tr,
body.dark-mode:not(.task-login) #messagelist tbody tr,
body.dark-mode:not(.task-login) .messagelist tr,
body.dark-mode:not(.task-login) .listing tbody tr {
  background: #101715 !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody tr.selected,
html.dark-mode body:not(.task-login) #messagelist tbody tr.selected,
body.dark-mode:not(.task-login) #messagelist tbody tr.selected {
  background: #16201d !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tbody a,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody td,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody a,
html.dark-mode body:not(.task-login) #messagelist tbody td,
html.dark-mode body:not(.task-login) #messagelist tbody a,
html.dark-mode body:not(.task-login) .listing tbody td,
html.dark-mode body:not(.task-login) .listing tbody a,
body.dark-mode:not(.task-login) #messagelist tbody td,
body.dark-mode:not(.task-login) #messagelist tbody a,
body.dark-mode:not(.task-login) .listing tbody td,
body.dark-mode:not(.task-login) .listing tbody a {
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist .date,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing .secondary,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing .preview,
html.dark-mode body:not(.task-login) .messagelist .date,
html.dark-mode body:not(.task-login) .listing .secondary,
html.dark-mode body:not(.task-login) .listing .preview,
body.dark-mode:not(.task-login) .messagelist .date,
body.dark-mode:not(.task-login) .listing .secondary,
body.dark-mode:not(.task-login) .listing .preview {
  color: var(--sbz-muted) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #message-header h2,
html[data-smartbiz-theme="dark"] body:not(.task-login) #message-header .subject,
html[data-smartbiz-theme="dark"] body:not(.task-login) .message-part,
html[data-smartbiz-theme="dark"] body:not(.task-login) .message-htmlpart,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagebody,
html.dark-mode body:not(.task-login) #message-header h2,
html.dark-mode body:not(.task-login) #message-header .subject,
html.dark-mode body:not(.task-login) .message-part,
html.dark-mode body:not(.task-login) .message-htmlpart,
html.dark-mode body:not(.task-login) #messagebody,
body.dark-mode:not(.task-login) #message-header h2,
body.dark-mode:not(.task-login) #message-header .subject,
body.dark-mode:not(.task-login) .message-part,
body.dark-mode:not(.task-login) .message-htmlpart,
body.dark-mode:not(.task-login) #messagebody {
  background: var(--sbz-panel) !important;
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .searchbar,
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="text"],
html[data-smartbiz-theme="dark"] body:not(.task-login) input[type="search"],
html[data-smartbiz-theme="dark"] body:not(.task-login) textarea,
html.dark-mode body:not(.task-login) .searchbar,
html.dark-mode body:not(.task-login) input[type="text"],
html.dark-mode body:not(.task-login) input[type="search"],
html.dark-mode body:not(.task-login) textarea,
body.dark-mode:not(.task-login) .searchbar,
body.dark-mode:not(.task-login) input[type="text"],
body.dark-mode:not(.task-login) input[type="search"],
body.dark-mode:not(.task-login) textarea {
  background: var(--sbz-soft) !important;
  color: var(--sbz-ink) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .attachmentslist li,
html[data-smartbiz-theme="dark"] body:not(.task-login) .attachment,
html[data-smartbiz-theme="dark"] body:not(.task-login) .attachment-links,
html.dark-mode body:not(.task-login) .attachmentslist li,
html.dark-mode body:not(.task-login) .attachment,
html.dark-mode body:not(.task-login) .attachment-links,
body.dark-mode:not(.task-login) .attachmentslist li,
body.dark-mode:not(.task-login) .attachment,
body.dark-mode:not(.task-login) .attachment-links {
  background: #16201d !important;
  color: var(--sbz-ink) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

@media (min-width: 961px) {
  body:not(.task-login) #layout-menu .special-buttons .smartbiz-mail-theme-switch {
    order: -1 !important;
  }
}

@media (max-width: 960px) {
  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 50px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 14px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 50px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }
}

/* 2026-09-22 responsive SmartBiz webmail convergence.
   Final override: keep Roundcube behavior, align the visual model across desktop,
   laptop, tablet and phone without forcing a desktop canvas on small screens. */
body:not(.task-login) {
  min-width: 320px !important;
  --smartbiz-menu-width: clamp(184px, 14.5vw, 222px);
  --smartbiz-folder-width: clamp(240px, 20vw, 318px);
  --smartbiz-list-width: clamp(350px, 28vw, 500px);
  --smartbiz-topbar: 56px;
  --smartbiz-radius: 8px;
}

body:not(.task-login) #layout {
  min-width: 0 !important;
}

body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .header {
  min-height: var(--smartbiz-topbar) !important;
  height: var(--smartbiz-topbar) !important;
}

body:not(.task-login) #layout-menu .popover-header::before,
body:not(.task-login) #layout-menu .header::before {
  width: 126px !important;
  height: 36px !important;
}

body:not(.task-login) #taskmenu a,
body:not(.task-login) #layout-menu .special-buttons a {
  border-radius: var(--smartbiz-radius) !important;
}

body:not(.task-login) #taskmenu a.smartbiz-calendar {
  order: 3 !important;
}

body:not(.task-login) #layout-sidebar {
  min-width: 220px !important;
}

body:not(.task-login) #layout-list {
  min-width: 320px !important;
}

body:not(.task-login) #layout-sidebar .scroller,
body:not(.task-login) #layout-list .scroller,
body:not(.task-login) #layout-content .scroller,
body:not(.task-login) #layout-content .content,
body:not(.task-login) #layout-content .iframe-wrapper {
  min-height: 0 !important;
}

body:not(.task-login) #layout > div > .header,
body:not(.task-login) #layout > div > .footer,
body:not(.task-login) #layout-sidebar .header,
body:not(.task-login) #layout-list .header,
body:not(.task-login) #layout-content .header,
body:not(.task-login) .toolbar {
  min-height: var(--smartbiz-topbar) !important;
  height: var(--smartbiz-topbar) !important;
}

body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar button,
body:not(.task-login) a.button,
body:not(.task-login) button.btn,
body:not(.task-login) input.button {
  min-height: 36px !important;
  border-radius: var(--smartbiz-radius) !important;
}

body:not(.task-login) #messagelist tbody tr.unread td,
body:not(.task-login) .messagelist tr.unread td {
  font-weight: 800 !important;
}

body:not(.task-login) #messagelist tbody tr.selected td,
body:not(.task-login) .listing tbody tr.selected td,
body:not(.task-login) .listing li.selected {
  background-color: rgba(255, 203, 5, .22) !important;
}

body:not(.task-login) #message-header,
body:not(.task-login) #messagebody,
body:not(.task-login) .message-part,
body:not(.task-login) .message-htmlpart {
  color: var(--smartbiz-ink-strong) !important;
}

body:not(.task-login) #layout-content::after {
  opacity: .055 !important;
  background-size: min(300px, 34vw) auto !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .popover-header::before,
html.dark-mode body:not(.task-login) #layout-menu .popover-header::before,
body.dark-mode:not(.task-login) #layout-menu .popover-header::before,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-menu .header::before,
html.dark-mode body:not(.task-login) #layout-menu .header::before,
body.dark-mode:not(.task-login) #layout-menu .header::before {
  background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important;
}

@media (min-width: 1181px) and (max-width: 1360px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 198px;
    --smartbiz-folder-width: 260px;
    --smartbiz-list-width: 390px;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 961px) and (max-width: 1180px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 76px;
    --smartbiz-folder-width: 260px;
    --smartbiz-list-width: 360px;
  }

  body:not(.task-login) #layout-menu {
    flex-basis: var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 8px !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 50px !important;
    height: 34px !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    padding: 12px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 56px !important;
    min-width: 56px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 16px !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 8px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 38px !important;
  }
}

@media (max-width: 960px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 64px;
    --smartbiz-folder-width: 250px;
    --smartbiz-list-width: calc(100vw - var(--smartbiz-menu-width) - var(--smartbiz-folder-width));
    --smartbiz-topbar: 54px;
  }

  body:not(.task-login) #layout {
    display: flex !important;
    width: 100vw !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-right: 0 !important;
  }

  body:not(.task-login) #layout-content {
    display: none !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 6px !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 46px !important;
    height: 32px !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    padding: 10px 6px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 4px 0 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
  }

  body:not(.task-login) #mailboxlist li a {
    min-height: 44px !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 720px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 58px;
    --smartbiz-folder-width: 0px;
    --smartbiz-list-width: calc(100vw - var(--smartbiz-menu-width));
  }

  body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  body:not(.task-login) #layout-list {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-list .header .header-title {
    text-align: left !important;
    margin: 0 !important;
  }

  body:not(.task-login) #messagelist tbody td,
  body:not(.task-login) #messagelist tbody a,
  body:not(.task-login) .listing tbody td,
  body:not(.task-login) .listing tbody a {
    font-size: 13px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 7px !important;
    bottom: 58px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 29px !important;
  }
}

/* Login responsive convergence. */
body.task-login {
  overflow: auto !important;
}

body.task-login #layout {
  min-width: 0 !important;
}

body.task-login #layout-content.smartbiz-login-v1 {
  min-height: 100dvh !important;
  height: auto !important;
  overflow: auto !important;
}

.smartbiz-login-topbar {
  min-height: 72px !important;
  padding-inline: clamp(18px, 3vw, 44px) !important;
}

.smartbiz-login-hero {
  width: min(1320px, calc(100vw - clamp(28px, 6vw, 72px))) !important;
  min-height: min(560px, calc(100dvh - 176px)) !important;
  height: auto !important;
  align-self: center !important;
  border: 1px solid rgba(255, 203, 5, .24) !important;
}

.smartbiz-login-copy {
  padding: clamp(30px, 4.2vw, 58px) !important;
}

.smartbiz-login-copy h2 {
  font-size: clamp(36px, 3.8vw, 56px) !important;
}

.smartbiz-login-lead {
  font-size: clamp(14px, 1.1vw, 16px) !important;
}

@media (max-width: 1180px) and (min-width: 981px) {
  .smartbiz-login-hero {
    width: min(1080px, calc(100vw - 44px)) !important;
    grid-template-columns: minmax(380px, .92fr) minmax(430px, 1.08fr) !important;
    min-height: 500px !important;
  }

  .smartbiz-login-copy {
    padding: 34px 42px !important;
  }

  .smartbiz-login-copy h2 {
    font-size: 42px !important;
  }
}

@media (max-width: 980px) {
  body.task-login #layout-content.smartbiz-login-v1 {
    position: static !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    min-height: 100dvh !important;
    width: 100% !important;
  }

  .smartbiz-login-topbar {
    gap: 10px !important;
    min-height: 66px !important;
    padding: 12px 18px !important;
  }

  .smartbiz-logo-wrap,
  .smartbiz-login-logo {
    width: 132px !important;
    height: 44px !important;
  }

  .smartbiz-login-hero {
    width: min(560px, calc(100vw - 28px)) !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    margin: 16px auto 18px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .smartbiz-login-media {
    order: -1 !important;
    height: clamp(154px, 26vw, 220px) !important;
    min-height: 0 !important;
  }

  .smartbiz-login-media::before {
    display: block !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: 46% !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.82)) !important;
  }

  .smartbiz-login-copy {
    padding: 24px 24px 28px !important;
    background: #ffffff !important;
  }

  .smartbiz-login-kicker {
    margin-bottom: 8px !important;
    font-size: 11px !important;
  }

  .smartbiz-login-copy h2 {
    max-width: 360px !important;
    margin-bottom: 10px !important;
    font-size: clamp(28px, 7vw, 34px) !important;
    line-height: 1.04 !important;
  }

  .smartbiz-login-lead {
    max-width: 420px !important;
    margin-bottom: 16px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body.task-login #login-form.smartbiz-login-card {
    width: 100% !important;
  }

  .smartbiz-login-card #rcmloginuser,
  .smartbiz-login-card #rcmloginpwd,
  .smartbiz-login-card #rcmloginsubmit {
    height: 48px !important;
    border-radius: 12px !important;
  }

  .smartbiz-login-card .input-group-prepend,
  .smartbiz-login-card .input-group-text {
    height: 46px !important;
    border-radius: 12px 0 0 12px !important;
  }

  .smartbiz-login-footer-inner {
    width: calc(100vw - 28px) !important;
    min-height: 58px !important;
    padding: 12px 0 !important;
    display: grid !important;
    gap: 4px !important;
    text-align: center !important;
  }

  html[data-smartbiz-theme="dark"] .smartbiz-login-media::before {
    background: linear-gradient(180deg, rgba(9,9,9,0), rgba(9,9,9,.86)) !important;
  }

  html[data-smartbiz-theme="dark"] .smartbiz-login-copy {
    background: #090909 !important;
  }
}

@media (max-width: 560px) {
  .smartbiz-login-topbar {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
    padding: 10px 14px !important;
  }

  .smartbiz-logo-wrap,
  .smartbiz-login-logo {
    width: 118px !important;
    height: 40px !important;
  }

  .smartbiz-theme-switch,
  body.task-login .smartbiz-language-switch {
    height: 34px !important;
    padding: 3px !important;
  }

  .smartbiz-theme-switch button {
    min-width: 34px !important;
    height: 26px !important;
    padding: 0 7px !important;
    font-size: 0 !important;
  }

  .smartbiz-theme-switch button::first-letter {
    font-size: 11px !important;
  }

  body.task-login .smartbiz-language-switch button {
    width: 34px !important;
    height: 26px !important;
    font-size: 11px !important;
    line-height: 26px !important;
  }

  .smartbiz-login-hero {
    width: calc(100vw - 20px) !important;
    margin-top: 10px !important;
    border-radius: 18px !important;
  }

  .smartbiz-login-media {
    height: 138px !important;
  }

  .smartbiz-login-copy {
    padding: 20px 18px 22px !important;
  }

  .smartbiz-login-copy h2 {
    font-size: 29px !important;
  }

  .smartbiz-login-lead {
    font-size: 12px !important;
  }

  .smartbiz-login-card h3 {
    font-size: 22px !important;
  }

  .smartbiz-login-trust {
    width: 100% !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }
}

@media screen and (max-width: 720px) {
  body.task-login .smartbiz-login-topbar {
    align-items: flex-start !important;
  }

  body.task-login .smartbiz-language-switch {
    align-self: flex-end !important;
  }
}

/* 2026-09-09 sidebar language switch placement.
   The plugin still emits two native Roundcube links; this renders them as one compact switch. */
body:not(.task-login) #taskmenu {
  position: relative !important;
  padding-bottom: 66px !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
  position: absolute !important;
  left: 20px !important;
  bottom: 66px !important;
  z-index: 60 !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(17, 17, 17, .14) !important;
  border-radius: 999px 0 0 999px !important;
  color: #111111 !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: none !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
  left: 63px !important;
  border-left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language::before {
  content: none !important;
  display: none !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language .inner,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  color: currentColor !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
}

body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
  border-color: #ffcb05 !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
  color: #edf5f2 !important;
  border-color: rgba(237, 245, 242, .22) !important;
  background: rgba(16, 25, 27, .9) !important;
}

html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
html.dark-mode body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language.selected,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:hover,
body.dark-mode:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language:focus {
  color: #111111 !important;
  background: #ffcb05 !important;
  border-color: #ffcb05 !important;
}
/* 2026-09-23 terminal override: compact task rail, folders, list, reader. */
@media (min-width: 961px) {
  body:not(.task-login) {
    --smartbiz-menu-width: 82px !important;
    --smartbiz-folder-width: 260px !important;
    --smartbiz-list-width: 390px !important;
    --smartbiz-topbar: 58px !important;
  }

  body:not(.task-login) #layout-menu {
    flex: 0 0 var(--smartbiz-menu-width) !important;
    width: var(--smartbiz-menu-width) !important;
    min-width: var(--smartbiz-menu-width) !important;
    max-width: var(--smartbiz-menu-width) !important;
  }

  body:not(.task-login) #layout-sidebar {
    flex: 0 0 var(--smartbiz-folder-width) !important;
    width: var(--smartbiz-folder-width) !important;
    min-width: var(--smartbiz-folder-width) !important;
    max-width: var(--smartbiz-folder-width) !important;
  }

  body:not(.task-login) #layout-list {
    flex: 0 0 var(--smartbiz-list-width) !important;
    width: var(--smartbiz-list-width) !important;
    min-width: var(--smartbiz-list-width) !important;
    max-width: var(--smartbiz-list-width) !important;
  }

  body:not(.task-login) #layout-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header,
  body:not(.task-login) #layout-menu .header {
    justify-content: center !important;
    padding: 0 !important;
  }

  body:not(.task-login) #layout-menu .popover-header::before,
  body:not(.task-login) #layout-menu .header::before {
    width: 58px !important;
    height: 36px !important;
    background-position: center !important;
  }

  body:not(.task-login) #taskmenu,
  body:not(.task-login) #layout-menu .special-buttons {
    width: var(--smartbiz-menu-width) !important;
    padding: 10px 8px !important;
  }

  body:not(.task-login) #taskmenu a,
  body:not(.task-login) #layout-menu .special-buttons a {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) #taskmenu a::before,
  body:not(.task-login) #layout-menu .special-buttons a::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.task-login) #taskmenu a .inner,
  body:not(.task-login) #taskmenu a span,
  body:not(.task-login) #layout-menu .special-buttons a .inner,
  body:not(.task-login) #layout-menu .special-buttons a span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 58px !important;
    height: auto !important;
    display: grid !important;
    margin: 8px auto !important;
    border-radius: 15px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button {
    width: 58px !important;
    height: 42px !important;
    line-height: 42px !important;
  }

  body:not(.task-login) .smartbiz-mail-theme-switch button + button {
    border-left: 0 !important;
    border-top: 1px solid var(--sbz-line) !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language {
    left: 9px !important;
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
    height: 30px !important;
    min-height: 30px !important;
    bottom: 66px !important;
  }

  body:not(.task-login) #taskmenu a.smartbiz-tool.smartbiz-language-en {
    left: 40px !important;
  }
}


/* 2026-09-23 complete-shell absolute EOF override. */
html[data-smartbiz-task] body:not(.task-login) #layout-menu { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; overflow: hidden !important; }
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .header { display: none !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar { display: grid !important; height: 74px !important; grid-template-columns: 172px minmax(240px, 620px) auto !important; gap: 18px !important; align-items: center !important; padding: 0 20px !important; border-bottom: 1px solid var(--sbz-line, #ded8cb) !important; background: var(--sbz-panel, #fffefa) !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo { width: 136px !important; height: 46px !important; display: block !important; background: url("/skins/smartbiz/images/smartbiz-primary-transparent.png") left center / contain no-repeat !important; }
html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-logo, html.dark-mode body:not(.task-login) .smartbiz-production-logo, body.dark-mode:not(.task-login) .smartbiz-production-logo { background-image: url("/skins/smartbiz/images/smartbiz-primary-reverse.png") !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search { height: 46px !important; display: grid !important; grid-template-columns: 42px 1fr !important; align-items: center !important; border: 1px solid #d7ddd9 !important; border-radius: 11px !important; background: var(--sbz-soft, #f2f0ea) !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-actions { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch { width: 92px !important; height: 46px !important; display: inline-grid !important; grid-template-columns: 1fr 1fr !important; margin: 0 !important; overflow: hidden !important; border: 1px solid var(--sbz-line, #ded8cb) !important; border-radius: 11px !important; background: var(--sbz-panel, #fffefa) !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button { width: 46px !important; height: 44px !important; min-height: 44px !important; border: 0 !important; border-radius: 0 !important; }
html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="true"] { background: #ffcb05 !important; color: #101010 !important; }
@media (min-width: 961px) { html[data-smartbiz-task="mail"] body:not(.task-login) #layout { height: calc(100dvh - 74px) !important; display: grid !important; grid-template-columns: 260px 390px minmax(420px, 1fr) !important; grid-template-rows: 1fr !important; overflow: hidden !important; } html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar { grid-column: 1 !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 18px !important; border-right: 1px solid var(--sbz-line, #ded8cb) !important; background: #fbfaf6 !important; } html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list { grid-column: 2 !important; width: auto !important; min-width: 0 !important; max-width: none !important; border-right: 1px solid var(--sbz-line, #ded8cb) !important; } html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content { grid-column: 3 !important; width: auto !important; min-width: 0 !important; max-width: none !important; background: #f8f6ef !important; } html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-sidebar-compose { height: 52px !important; margin: 0 0 16px !important; border-radius: 12px !important; background: #ffcb05 !important; color: #101010 !important; font-size: 16px !important; font-weight: 950 !important; } html[data-smartbiz-task]:not([data-smartbiz-task="mail"]) body:not(.task-login) #layout { height: calc(100dvh - 74px) !important; display: grid !important; grid-template-columns: 240px minmax(0, 1fr) !important; overflow: hidden !important; } }
@media (max-width: 960px) { html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar { height: 74px !important; grid-template-columns: 1fr auto auto !important; gap: 8px !important; padding: 0 16px !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo { width: 112px !important; height: 38px !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search, html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account, html[data-smartbiz-task] body:not(.task-login) .smartbiz-calendar-entry, html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-entry { display: none !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch { width: 40px !important; height: 40px !important; display: block !important; border-radius: 999px !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button { display: none !important; width: 38px !important; height: 38px !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="false"] { display: block !important; } html[data-smartbiz-task] body:not(.task-login) #layout { width: 100vw !important; height: calc(100dvh - 74px - 64px) !important; display: block !important; overflow: hidden !important; background: var(--sbz-panel, #fffefa) !important; } html[data-smartbiz-task] body:not(.task-login) #layout-menu, html[data-smartbiz-task] body:not(.task-login) #layout-sidebar { display: none !important; } html[data-smartbiz-task] body:not(.task-login) #layout-list, html[data-smartbiz-task] body:not(.task-login) #layout-content { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; max-width: none !important; background: var(--sbz-panel, #fffefa) !important; color: var(--sbz-ink, #101010) !important; overflow: auto !important; } html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content { display: none !important; } html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-list, html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-list { display: none !important; } html[data-smartbiz-task="mail"][data-smartbiz-action="show"] body:not(.task-login) #layout-content, html[data-smartbiz-task="mail"][data-smartbiz-action="preview"] body:not(.task-login) #layout-content { display: block !important; } html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 1000 !important; height: 64px !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; border-top: 1px solid var(--sbz-line, #ded8cb) !important; background: var(--sbz-panel, #fffefa) !important; } }

/* 2026-09-23 final cleanup: no duplicate search, no dead native footer, one mobile scroll plane. */
html[data-smartbiz-task] body:not(.task-login) {
  overflow: hidden !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list #quicksearchbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list form.searchbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .header .searchbar {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .footer,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .pagenav,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .footer,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .pagenav {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.empty::before,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader::before {
  content: "Selectionnez un message" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 2 !important;
  transform: translate(-50%, -50%) !important;
  color: rgba(16, 16, 16, .42) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content.empty::before,
html.dark-mode body:not(.task-login) #layout-content.empty::before,
body.dark-mode:not(.task-login) #layout-content.empty::before,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content.smartbiz-empty-reader::before,
html.dark-mode body:not(.task-login) #layout-content.smartbiz-empty-reader::before,
body.dark-mode:not(.task-login) #layout-content.smartbiz-empty-reader::before {
  color: rgba(248, 251, 249, .45) !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader .toolbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader #messagetoolbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader .pagenav,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader .footer {
  display: none !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list {
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist {
    max-height: calc(100dvh - 148px) !important;
    overflow: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody {
    max-height: calc(100dvh - 148px) !important;
    overflow: auto !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task] body:not(.task-login),
  html[data-smartbiz-task] body:not(.task-login) #layout {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list,
  html[data-smartbiz-task] body:not(.task-login) #layout-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list .scroller,
  html[data-smartbiz-task] body:not(.task-login) #layout-content .scroller,
  html[data-smartbiz-task] body:not(.task-login) #layout-content .content,
  html[data-smartbiz-task] body:not(.task-login) #messagebody {
    overflow: visible !important;
    max-height: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-list .footer,
  html[data-smartbiz-task] body:not(.task-login) #layout-list .pagenav,
  html[data-smartbiz-task] body:not(.task-login) #layout-content .footer,
  html[data-smartbiz-task] body:not(.task-login) #layout-content .pagenav {
    display: none !important;
  }
}

/* 2026-09-23 screen-state fix: real Roundcube panes must follow the approved shell. */
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list #quicksearchbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchbar,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .search,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list form[name="searchform"] {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader > *:not(.header):not(.toolbar):not(#messagetoolbar) {
  visibility: hidden !important;
}

html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-content.smartbiz-empty-reader > *,
html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-content.smartbiz-empty-reader > *,
html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-content.smartbiz-empty-reader > * {
  visibility: visible !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .smartbiz-mobile-search {
    display: none !important;
    visibility: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagetoolbar {
    flex: 0 0 auto !important;
    position: relative !important;
    inset: auto !important;
    z-index: 4 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontent,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontframe,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailpreviewframe {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    position: relative !important;
    inset: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .message-htmlpart {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    max-width: 820px !important;
    margin-left: 34px !important;
    margin-right: auto !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    height: calc(100dvh - 74px) !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-list {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-sidebar {
    grid-column: 1 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 18px !important;
    overflow: auto !important;
    background: #fbfaf6 !important;
    border-right: 1px solid var(--sbz-line, #ded8cb) !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-content {
    grid-column: 2 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: auto !important;
    background: #fffefa !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #compose-content,
  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) .formcontent,
  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) .compose-headers,
  html[data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #composebodycontainer,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #compose-content,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose .formcontent,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose .compose-headers,
  html[data-smartbiz-task="mail"] body:not(.task-login).action-compose #composebodycontainer {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    background: #fffefa !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) {
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout {
    position: relative !important;
    height: calc(100dvh - 74px - 64px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 74px - 64px) !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="list"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"]:not([data-smartbiz-mobile-view]) body:not(.task-login) #layout-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="list"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"]:not([data-smartbiz-mobile-view]) body:not(.task-login) #layout-content {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="message"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-list {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="message"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 3 !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .listing {
    display: block !important;
    visibility: visible !important;
    min-height: 160px !important;
    overflow: visible !important;
    max-height: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontent,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) #compose-content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #composebodycontainer {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    inset: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagetoolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 7 !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #compose-attachments,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composeoptions {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) .smartbiz-mobile-nav,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="message"] body:not(.task-login) .smartbiz-mobile-nav {
    display: none !important;
  }
}

html[data-smartbiz-theme="dark"][data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-sidebar,
html[data-smartbiz-theme="dark"][data-smartbiz-task="mail"] body:not(.task-login).action-compose #layout-content,
html[data-smartbiz-theme="dark"][data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"][data-smartbiz-task="mail"][data-smartbiz-action="compose"] body:not(.task-login) #layout-content {
  background: var(--sbz-panel, #111614) !important;
  color: var(--sbz-ink, #f7f3e8) !important;
}

/* 2026-09-23 full-width mail fix: remove dead widgets and let messages use the reader. */
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .footer,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .pagenav,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .quota-widget,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .quota,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .storage,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar [id*="quota"],
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar [class*="quota"] {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .smartbiz-mail-theme-switch,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content #smartbiz-mail-theme-switch {
  display: none !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar {
    align-content: start !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailboxlist,
  html[data-smartbiz-task="mail"] body:not(.task-login) .folderlist {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    background: #fffefa !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontent,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-header {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px 34px 18px !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content .message-htmlpart,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody .message-htmlpart,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody > div,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontframe,
  html[data-smartbiz-task="mail"] body:not(.task-login) #mailpreviewframe {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody blockquote,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody pre,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody table {
    max-width: 100% !important;
  }
}

/* 2026-09-23 native advanced search kill switch. */
html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-native-search-panel],
html[data-smartbiz-task="mail"] body:not(.task-login) #searchfilter,
html[data-smartbiz-task="mail"] body:not(.task-login) #searchmenu,
html[data-smartbiz-task="mail"] body:not(.task-login) #searchform,
html[data-smartbiz-task="mail"] body:not(.task-login) #mailsearchform,
html[data-smartbiz-task="mail"] body:not(.task-login) #searchfilterform,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchfilter,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchfilters,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .search-options,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .search-advanced,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchform,
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list form[name="searchform"],
html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list form[action*="search"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* 2026-09-23 dark shell lock: one dark surface, no leaked light panels or brand fragments. */
html[data-smartbiz-theme="dark"] body:not(.task-login),
html.dark-mode body:not(.task-login),
body.dark-mode:not(.task-login) {
  --sbz-ink: #f5f7f4 !important;
  --sbz-muted: #aebbb7 !important;
  --sbz-line: rgba(245, 247, 244, .14) !important;
  --sbz-paper: #07100d !important;
  --sbz-panel: #0c1713 !important;
  --sbz-soft: #111f1a !important;
  --sbz-reader: #0b1712 !important;
  color: var(--sbz-ink) !important;
  background: var(--sbz-paper) !important;
  background-image: none !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-topbar,
html.dark-mode body:not(.task-login) .smartbiz-production-topbar,
body.dark-mode:not(.task-login) .smartbiz-production-topbar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout,
body.dark-mode:not(.task-login) #layout {
  color: var(--sbz-ink) !important;
  background: var(--sbz-paper) !important;
  background-image: none !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-sidebar {
  color: var(--sbz-ink) !important;
  background: var(--sbz-panel) !important;
  background-image: none !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar a,
html.dark-mode body:not(.task-login) #layout-sidebar a,
body.dark-mode:not(.task-login) #layout-sidebar a {
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-list {
  color: var(--sbz-ink) !important;
  background: var(--sbz-panel) !important;
  background-image: none !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-content,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagecontent,
html.dark-mode body:not(.task-login) #messagecontent,
body.dark-mode:not(.task-login) #messagecontent,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagebody,
html.dark-mode body:not(.task-login) #messagebody,
body.dark-mode:not(.task-login) #messagebody,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagecontframe,
html.dark-mode body:not(.task-login) #messagecontframe,
body.dark-mode:not(.task-login) #messagecontframe,
html[data-smartbiz-theme="dark"] body:not(.task-login) #mailpreviewframe,
html.dark-mode body:not(.task-login) #mailpreviewframe,
body.dark-mode:not(.task-login) #mailpreviewframe,
html[data-smartbiz-theme="dark"] body:not(.task-login) .message-part,
html.dark-mode body:not(.task-login) .message-part,
body.dark-mode:not(.task-login) .message-part,
html[data-smartbiz-theme="dark"] body:not(.task-login) .message-htmlpart,
html.dark-mode body:not(.task-login) .message-htmlpart,
body.dark-mode:not(.task-login) .message-htmlpart {
  color: var(--sbz-ink) !important;
  background: var(--sbz-reader) !important;
  background-image: none !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content::before,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content::after,
html.dark-mode body:not(.task-login) #layout-content::before,
html.dark-mode body:not(.task-login) #layout-content::after,
body.dark-mode:not(.task-login) #layout-content::before,
body.dark-mode:not(.task-login) #layout-content::after,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagebody::before,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagebody::after,
html.dark-mode body:not(.task-login) #messagebody::before,
html.dark-mode body:not(.task-login) #messagebody::after,
body.dark-mode:not(.task-login) #messagebody::before,
body.dark-mode:not(.task-login) #messagebody::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tr,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist li,
html.dark-mode body:not(.task-login) #messagelist tr,
html.dark-mode body:not(.task-login) #messagelist li,
body.dark-mode:not(.task-login) #messagelist tr,
body.dark-mode:not(.task-login) #messagelist li,
html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist tr,
html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist li,
html.dark-mode body:not(.task-login) .messagelist tr,
html.dark-mode body:not(.task-login) .messagelist li,
body.dark-mode:not(.task-login) .messagelist tr,
body.dark-mode:not(.task-login) .messagelist li,
html[data-smartbiz-theme="dark"] body:not(.task-login) .listing tbody tr,
html.dark-mode body:not(.task-login) .listing tbody tr,
body.dark-mode:not(.task-login) .listing tbody tr {
  color: var(--sbz-ink) !important;
  background: #0c1713 !important;
  background-image: none !important;
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tr.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist li.selected,
html.dark-mode body:not(.task-login) #messagelist tr.selected,
html.dark-mode body:not(.task-login) #messagelist li.selected,
body.dark-mode:not(.task-login) #messagelist tr.selected,
body.dark-mode:not(.task-login) #messagelist li.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist tr.selected,
html[data-smartbiz-theme="dark"] body:not(.task-login) .messagelist li.selected,
html.dark-mode body:not(.task-login) .messagelist tr.selected,
html.dark-mode body:not(.task-login) .messagelist li.selected,
body.dark-mode:not(.task-login) .messagelist tr.selected,
body.dark-mode:not(.task-login) .messagelist li.selected {
  background: #17231d !important;
  box-shadow: inset 4px 0 0 #ffcb05 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list *,
html.dark-mode body:not(.task-login) #layout-list *,
body.dark-mode:not(.task-login) #layout-list *,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content *,
html.dark-mode body:not(.task-login) #layout-content *,
body.dark-mode:not(.task-login) #layout-content * {
  border-color: var(--sbz-line) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list a,
html.dark-mode body:not(.task-login) #layout-list a,
body.dark-mode:not(.task-login) #layout-list a,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content a,
html.dark-mode body:not(.task-login) #layout-content a,
body.dark-mode:not(.task-login) #layout-content a {
  color: var(--sbz-ink) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-search,
html.dark-mode body:not(.task-login) .smartbiz-production-search,
body.dark-mode:not(.task-login) .smartbiz-production-search,
html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-icon,
html.dark-mode body:not(.task-login) .smartbiz-production-icon,
body.dark-mode:not(.task-login) .smartbiz-production-icon,
html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-production-account,
html.dark-mode body:not(.task-login) .smartbiz-production-account,
body.dark-mode:not(.task-login) .smartbiz-production-account,
html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mail-theme-switch,
html.dark-mode body:not(.task-login) .smartbiz-mail-theme-switch,
body.dark-mode:not(.task-login) .smartbiz-mail-theme-switch {
  color: var(--sbz-ink) !important;
  background: #0f1b16 !important;
  background-image: none !important;
  border-color: rgba(245, 247, 244, .2) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) img[src*="smartbiz-primary-transparent"],
html.dark-mode body:not(.task-login) img[src*="smartbiz-primary-transparent"],
body.dark-mode:not(.task-login) img[src*="smartbiz-primary-transparent"],
html[data-smartbiz-theme="dark"] body:not(.task-login) .watermark,
html.dark-mode body:not(.task-login) .watermark,
body.dark-mode:not(.task-login) .watermark {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 2026-09-23 mobile matrix: explicit mobile screens, no native Roundcube leftovers. */
@media (max-width: 760px) {
  body.task-login,
  body.task-login #layout-content,
  body.task-login .smartbiz-login-v1 {
    min-width: 0 !important;
    width: 100vw !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    background: #fffefa !important;
  }

  body.task-login .smartbiz-login-topbar {
    height: 72px !important;
    padding: 10px 16px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    gap: 6px 10px !important;
    align-items: center !important;
  }

  body.task-login .smartbiz-logo-wrap {
    grid-row: 1 / 3 !important;
    width: 112px !important;
  }

  body.task-login .smartbiz-login-logo {
    max-width: 112px !important;
    height: auto !important;
  }

  body.task-login .smartbiz-theme-switch,
  body.task-login .smartbiz-language-switch {
    position: static !important;
    justify-self: end !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    transform: none !important;
  }

  body.task-login .smartbiz-theme-switch button,
  body.task-login .smartbiz-language-switch button {
    min-width: 42px !important;
    height: 30px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  body.task-login .smartbiz-login-hero {
    width: calc(100vw - 28px) !important;
    min-height: 0 !important;
    margin: 28px auto 88px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body.task-login .smartbiz-login-media {
    display: none !important;
  }

  body.task-login .smartbiz-login-copy {
    padding: 28px 20px 24px !important;
    width: 100% !important;
  }

  body.task-login .smartbiz-login-copy h1,
  body.task-login .smartbiz-login-copy h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.05 !important;
    max-width: none !important;
  }

  body.task-login .smartbiz-login-card,
  body.task-login .smartbiz-login-card table,
  body.task-login .smartbiz-login-card tbody,
  body.task-login .smartbiz-login-card tr,
  body.task-login .smartbiz-login-card td {
    display: block !important;
    width: 100% !important;
  }

  body.task-login .smartbiz-login-card td.title {
    display: none !important;
  }

  body.task-login .smartbiz-login-card input,
  body.task-login #rcmloginsubmit {
    width: 100% !important;
  }

  body.task-login .smartbiz-login-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: 54px !important;
    z-index: 4 !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task] body:not(.task-login) {
    --sbz-mobile-topbar: 62px !important;
    --sbz-mobile-nav: 64px !important;
    min-width: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-topbar {
    height: var(--sbz-mobile-topbar) !important;
    grid-template-columns: 1fr auto auto !important;
    padding: 0 14px !important;
    gap: 8px !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-logo {
    width: 112px !important;
    height: 38px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-search,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-account,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-entry,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-calendar-entry {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-production-icon,
  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button {
    display: none !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mail-theme-switch button[aria-pressed="false"] {
    display: inline-flex !important;
    font-size: 16px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout {
    position: relative !important;
    width: 100vw !important;
    height: calc(100dvh - var(--sbz-mobile-topbar) - var(--sbz-mobile-nav)) !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task] body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list > .header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .buttons,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .pagenav,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .footer,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagetoolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .toolbar {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-list-shell {
    display: grid !important;
    gap: 14px !important;
    padding: 18px 16px 12px !important;
    background: var(--sbz-panel, #fffefa) !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row {
    display: grid !important;
    grid-template-columns: 1fr 42px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row h1 {
    margin: 0 !important;
    color: var(--sbz-ink, #101010) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-title-row p {
    margin: 4px 0 0 !important;
    color: var(--sbz-muted, #697176) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-refresh,
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-back-inline,
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-send-inline {
    height: 42px !important;
    min-width: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 999px !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-send-inline {
    min-width: 92px !important;
    padding: 0 14px !important;
    border-color: #ffcb05 !important;
    background: #ffcb05 !important;
    color: #101010 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-search {
    height: 44px !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    align-items: center !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 11px !important;
    background: var(--sbz-soft, #f2f0ea) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-search .smartbiz-icon {
    justify-self: center !important;
    color: var(--sbz-muted, #697176) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-search input {
    width: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--sbz-ink, #101010) !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .listing {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist li,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist li,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing tbody tr,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing li {
    min-height: 74px !important;
    width: 100% !important;
    display: grid !important;
    align-items: center !important;
    background: var(--sbz-panel, #fffefa) !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist td,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist td,
  html[data-smartbiz-task="mail"] body:not(.task-login) .listing td {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 2px 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-empty-list::after {
    content: "Aucun message" !important;
    display: grid !important;
    place-items: center !important;
    min-height: 180px !important;
    color: var(--sbz-muted, #697176) !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="list"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"]:not([data-smartbiz-mobile-view]) body:not(.task-login) #layout-content {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="message"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-list {
    display: none !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="message"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-content {
    display: block !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #smartbiz-mobile-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login) .message-htmlpart {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-compose-header {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 44px 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9 !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #compose-content,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) .formcontent,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) .compose-headers,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebody,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) iframe,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebodycontainer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) .smartbiz-mobile-compose-header,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #compose-content,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebodycontainer,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebody,
  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) .compose-headers {
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebodycontainer > textarea.mce_editor {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #composebodycontainer > .tox-tinymce {
    display: flex !important;
    width: 100% !important;
    min-height: 320px !important;
    height: calc(100dvh - 430px) !important;
    margin: 0 !important;
  }

  html[data-smartbiz-task="mail"][data-smartbiz-mobile-view="compose"] body:not(.task-login) #smartbiz-mobile-back {
    display: none !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000 !important;
    height: var(--sbz-mobile-nav) !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    border-top: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav a {
    display: grid !important;
    place-items: center !important;
    gap: 3px !important;
    color: var(--sbz-muted, #697176) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 22px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav .smartbiz-icon {
    width: 17px !important;
    height: 17px !important;
  }

  html[data-smartbiz-task] body:not(.task-login) .smartbiz-mobile-nav a.active {
    color: var(--sbz-ink, #101010) !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-list-shell,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-list-shell,
  body.dark-mode:not(.task-login) .smartbiz-mobile-list-shell,
  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-compose-header,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-compose-header,
  body.dark-mode:not(.task-login) .smartbiz-mobile-compose-header,
  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-nav,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-nav,
  body.dark-mode:not(.task-login) .smartbiz-mobile-nav {
    background: var(--sbz-panel, #0c1713) !important;
    border-color: var(--sbz-line, rgba(245,247,244,.14)) !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-search,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-search,
  body.dark-mode:not(.task-login) .smartbiz-mobile-search,
  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-refresh,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-refresh,
  body.dark-mode:not(.task-login) .smartbiz-mobile-refresh,
  html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-back-inline,
  html.dark-mode body:not(.task-login) .smartbiz-mobile-back-inline,
  body.dark-mode:not(.task-login) .smartbiz-mobile-back-inline {
    background: var(--sbz-soft, #111f1a) !important;
    color: var(--sbz-ink, #f5f7f4) !important;
    border-color: var(--sbz-line, rgba(245,247,244,.14)) !important;
  }
}

/* 2026-09-23 real mobile list: final override from authenticated Roundcube DOM. */
@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #searchmenu,
  html[data-smartbiz-task="mail"] body:not(.task-login) #searchmenu.scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list #searchmenu,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchoptions,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .propform.formcontainer,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .searchbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list #messagelist-header,
  html.layout-phone body.task-mail #searchmenu,
  html.layout-phone body.task-mail #searchmenu.scroller,
  html.layout-phone body.task-mail #layout-list #searchmenu,
  html.layout-phone body.task-mail #layout-list .searchoptions,
  html.layout-phone body.task-mail #layout-list .propform.formcontainer,
  html.layout-phone body.task-mail #layout-list .searchbar,
  html.layout-phone body.task-mail #layout-list #messagelist-header,
  html.layout-phone body.task-mail #searchmenu.hidden,
  html.layout-phone body.task-mail [data-smartbiz-native-search-panel] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist-content,
  html.layout-phone body.task-mail #messagelist-content {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tbody,
  html.layout-phone body.task-mail #messagelist,
  html.layout-phone body.task-mail #messagelist tbody {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    table-layout: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist thead,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr:first-child:not(.message),
  html.layout-phone body.task-mail #messagelist thead,
  html.layout-phone body.task-mail #messagelist tr:first-child:not(.message) {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message,
  html.layout-phone body.task-mail #messagelist tr.message {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 12px 50px 12px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.focused,
  html.layout-phone body.task-mail #messagelist tr.message.selected,
  html.layout-phone body.task-mail #messagelist tr.message.focused {
    background: color-mix(in srgb, var(--sbz-panel, #fffefa) 88%, #ffcb05 12%) !important;
    box-shadow: inset 4px 0 0 #ffcb05 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.selection,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.flags,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message .size,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message .msgicon,
  html.layout-phone body.task-mail #messagelist tr.message td.selection,
  html.layout-phone body.task-mail #messagelist tr.message td.flags,
  html.layout-phone body.task-mail #messagelist tr.message .size,
  html.layout-phone body.task-mail #messagelist tr.message .msgicon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.subject,
  html.layout-phone body.task-mail #messagelist tr.message td.subject {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 5px 10px !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message .fromto,
  html.layout-phone body.task-mail #messagelist tr.message .fromto {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    color: var(--sbz-muted, #697176) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message .date,
  html.layout-phone body.task-mail #messagelist tr.message .date {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: var(--sbz-muted, #697176) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.subject > span.subject,
  html.layout-phone body.task-mail #messagelist tr.message td.subject > span.subject {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    display: block !important;
    color: var(--sbz-ink, #101010) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.subject > span.subject a,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message td.subject > span.subject span,
  html.layout-phone body.task-mail #messagelist tr.message td.subject > span.subject a,
  html.layout-phone body.task-mail #messagelist tr.message td.subject > span.subject span {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header .buttons,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header a:not(#smartbiz-mobile-back),
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header button:not(#smartbiz-mobile-back),
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header .menu,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header .header-title:not(:first-child) {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content > .header {
    justify-content: flex-start !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tr.message,
  html.dark-mode body:not(.task-login) #messagelist tr.message,
  body.dark-mode:not(.task-login) #messagelist tr.message,
  html.dark-mode body.task-mail #messagelist tr.message,
  body.dark-mode.task-mail #messagelist tr.message {
    background: var(--sbz-panel, #0c1713) !important;
    border-color: var(--sbz-line, rgba(245,247,244,.14)) !important;
  }

  html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tr.message.selected,
  html[data-smartbiz-theme="dark"] body:not(.task-login) #messagelist tr.message.focused,
  html.dark-mode body:not(.task-login) #messagelist tr.message.selected,
  html.dark-mode body:not(.task-login) #messagelist tr.message.focused,
  body.dark-mode:not(.task-login) #messagelist tr.message.selected,
  body.dark-mode:not(.task-login) #messagelist tr.message.focused,
  html.dark-mode body.task-mail #messagelist tr.message.selected,
  html.dark-mode body.task-mail #messagelist tr.message.focused,
  body.dark-mode.task-mail #messagelist tr.message.selected,
  body.dark-mode.task-mail #messagelist tr.message.focused {
    background: #17231d !important;
  }

  html.layout-phone body.task-mail #layout-list,
  html.layout-phone body.task-mail #layout-content {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 203, 5, .45) transparent !important;
  }

  html.layout-phone body.task-mail #layout-list::-webkit-scrollbar,
  html.layout-phone body.task-mail #layout-content::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }

  html.layout-phone body.task-mail #layout-list::-webkit-scrollbar-track,
  html.layout-phone body.task-mail #layout-content::-webkit-scrollbar-track {
    background: transparent !important;
  }

  html.layout-phone body.task-mail #layout-list::-webkit-scrollbar-thumb,
  html.layout-phone body.task-mail #layout-content::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(255, 203, 5, .45) !important;
  }
}

/* 2026-09-23 mobile non-mail screens: keep folders/settings inside the SmartBiz shell. */
@media (max-width: 960px) {
  html[data-smartbiz-task="settings"] body:not(.task-login),
  html[data-smartbiz-task="addressbook"] body:not(.task-login),
  html[data-smartbiz-task="calendar"] body:not(.task-login) {
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout {
    position: relative !important;
    width: 100vw !important;
    height: calc(100dvh - 74px - 64px) !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-menu,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-sidebar {
    display: none !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-content > .header,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-content > .header,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-content > .header {
    position: sticky !important;
    top: -18px !important;
    z-index: 8 !important;
    min-height: 52px !important;
    margin: -18px -18px 14px !important;
    padding: 8px 18px !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) .propform,
  html[data-smartbiz-task="settings"] body:not(.task-login) .formcontent,
  html[data-smartbiz-task="settings"] body:not(.task-login) .settings,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) .formcontent,
  html[data-smartbiz-task="calendar"] body:not(.task-login) .formcontent {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
  }

  html.dark-mode body:not(.task-login) #layout-content,
  body.dark-mode:not(.task-login) #layout-content,
  html.dark-mode body:not(.task-login) #layout-content > .header,
  body.dark-mode:not(.task-login) #layout-content > .header {
    background: var(--sbz-panel, #0c1713) !important;
    color: var(--sbz-ink, #f5f7f4) !important;
    border-color: var(--sbz-line, rgba(245,247,244,.14)) !important;
  }
}

/* Final hardening after Roundcube runtime styles. */
@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list #messagelist-header,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list .messagelist-header {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader #messagecontframe,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content.smartbiz-empty-reader iframe[src*="watermark"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* 2026-09-23 v13: direct message, native toolbar and scroll cleanup. */
@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout {
    display: block !important;
    height: calc(100dvh - 74px) !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content .scroller,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content .content,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #messagecontframe,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #mailpreviewframe {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message .message-header,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content .message-part,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content .message-htmlpart {
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontframe {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(105, 113, 118, .35) transparent !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list::-webkit-scrollbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content::-webkit-scrollbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist::-webkit-scrollbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody::-webkit-scrollbar,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontframe::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-list::-webkit-scrollbar-thumb,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-content::-webkit-scrollbar-thumb,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist::-webkit-scrollbar-thumb,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagebody::-webkit-scrollbar-thumb,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagecontframe::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(105, 113, 118, .35) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist .msgicon,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist .status,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist .msgicon,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist .status {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar] {
    min-width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 10px !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar]::before,
  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar]::after {
    display: none !important;
    content: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar] .smartbiz-icon {
    width: 17px !important;
    height: 17px !important;
    stroke-width: 2.4 !important;
    flex: 0 0 auto !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar="reply"],
  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar="reply-all"],
  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar="forward"] {
    background: #ffcb05 !important;
    border-color: #ffcb05 !important;
    color: #101010 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #replyallmenulink[data-smartbiz-toolbar],
  html[data-smartbiz-task="mail"] body:not(.task-login) #forwardmenulink[data-smartbiz-toolbar] {
    display: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .footer,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay {
    display: block !important;
    visibility: visible !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar .footer {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    height: auto !important;
    min-height: 88px !important;
    padding: 16px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 14px !important;
    background: var(--sbz-panel-soft, #f8f6ef) !important;
    color: var(--sbz-ink, #101010) !important;
    box-sizing: border-box !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px 12px !important;
    align-items: center !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .voice,
  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .count {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .count {
    text-align: right !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .bar {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 8px !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(16,16,16,.14) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .bar .value {
    height: 100% !important;
    min-width: 4px !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffcb05 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #layout-sidebar #quotadisplay .smartbiz-quota-meta {
    grid-column: 1 / -1 !important;
    color: var(--sbz-muted, #697176) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.focused,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.message.selected,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.message.focused {
    background: rgba(255, 203, 5, .12) !important;
    box-shadow: inset 5px 0 0 #ffcb05 !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.selected > td,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist tr.message.focused > td,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.message.selected > td,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist tr.message.focused > td {
    background: transparent !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar] {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) [data-smartbiz-toolbar] span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist .msgicon,
  html[data-smartbiz-task="mail"] body:not(.task-login) #messagelist .status,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist .msgicon,
  html[data-smartbiz-task="mail"] body:not(.task-login) .messagelist .status {
    display: none !important;
  }
}

html[data-smartbiz-theme="dark"] body:not(.task-login).smartbiz-direct-message #layout,
html[data-smartbiz-theme="dark"] body:not(.task-login).smartbiz-direct-message #layout-content,
html.dark-mode body:not(.task-login).smartbiz-direct-message #layout,
html.dark-mode body:not(.task-login).smartbiz-direct-message #layout-content,
body.dark-mode:not(.task-login).smartbiz-direct-message #layout,
body.dark-mode:not(.task-login).smartbiz-direct-message #layout-content {
  background: var(--sbz-panel, #0c1713) !important;
  color: var(--sbz-ink, #f5f7f4) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar .footer,
html.dark-mode body:not(.task-login) #layout-sidebar .footer,
body.dark-mode:not(.task-login) #layout-sidebar .footer {
  background: #14211c !important;
  border-color: rgba(245,247,244,.16) !important;
  color: #f5f7f4 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar #quotadisplay .bar,
html.dark-mode body:not(.task-login) #layout-sidebar #quotadisplay .bar,
body.dark-mode:not(.task-login) #layout-sidebar #quotadisplay .bar {
  background: rgba(245,247,244,.18) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar #quotadisplay .smartbiz-quota-meta,
html.dark-mode body:not(.task-login) #layout-sidebar #quotadisplay .smartbiz-quota-meta,
body.dark-mode:not(.task-login) #layout-sidebar #quotadisplay .smartbiz-quota-meta {
  color: rgba(245,247,244,.62) !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) [data-smartbiz-toolbar],
html.dark-mode body:not(.task-login) [data-smartbiz-toolbar],
body.dark-mode:not(.task-login) [data-smartbiz-toolbar] {
  background: #14211c !important;
  border-color: rgba(245,247,244,.16) !important;
  color: #f5f7f4 !important;
}

html[data-smartbiz-theme="dark"] body:not(.task-login) [data-smartbiz-toolbar="reply"],
html[data-smartbiz-theme="dark"] body:not(.task-login) [data-smartbiz-toolbar="reply-all"],
html[data-smartbiz-theme="dark"] body:not(.task-login) [data-smartbiz-toolbar="forward"],
html.dark-mode body:not(.task-login) [data-smartbiz-toolbar="reply"],
html.dark-mode body:not(.task-login) [data-smartbiz-toolbar="reply-all"],
html.dark-mode body:not(.task-login) [data-smartbiz-toolbar="forward"],
body.dark-mode:not(.task-login) [data-smartbiz-toolbar="reply"],
body.dark-mode:not(.task-login) [data-smartbiz-toolbar="reply-all"],
body.dark-mode:not(.task-login) [data-smartbiz-toolbar="forward"] {
  background: #ffcb05 !important;
  border-color: #ffcb05 !important;
  color: #101010 !important;
}

@media (min-width: 961px) {
  html[data-smartbiz-task="settings"] body:not(.task-login) #layout,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout {
    height: calc(100dvh - 74px) !important;
    width: 100vw !important;
    display: grid !important;
    grid-template-columns: 260px 320px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    overflow: hidden !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-sidebar,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    inset: auto !important;
    overflow: auto !important;
    border-right: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel-soft, #f8f6ef) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-list,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-list {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    inset: auto !important;
    overflow: auto !important;
    border-right: 1px solid var(--sbz-line, #ded8cb) !important;
    background: var(--sbz-panel, #fffefa) !important;
  }

  html[data-smartbiz-task="settings"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="addressbook"] body:not(.task-login) #layout-content,
  html[data-smartbiz-task="calendar"] body:not(.task-login) #layout-content {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: relative !important;
    inset: auto !important;
    overflow: auto !important;
    padding: 28px 32px !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
  }
}

html[data-smartbiz-theme="dark"] body:not(.task-login) #layout,
html.dark-mode body:not(.task-login) #layout,
body.dark-mode:not(.task-login) #layout,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-sidebar,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-list,
html[data-smartbiz-theme="dark"] body:not(.task-login) #layout-content,
html.dark-mode body:not(.task-login) #layout-sidebar,
html.dark-mode body:not(.task-login) #layout-list,
html.dark-mode body:not(.task-login) #layout-content,
body.dark-mode:not(.task-login) #layout-sidebar,
body.dark-mode:not(.task-login) #layout-list,
body.dark-mode:not(.task-login) #layout-content {
  background-color: var(--sbz-panel, #0c1713) !important;
  color: var(--sbz-ink, #f5f7f4) !important;
  border-color: rgba(245,247,244,.14) !important;
}

/* v18: readable message view needs an explicit way back and compact actions. */
@media (min-width: 961px) {
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message .smartbiz-direct-back {
    position: absolute !important;
    left: 28px !important;
    top: 18px !important;
    z-index: 30 !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 999px !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content > .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #messagetoolbar {
    min-height: 78px !important;
    padding-left: 180px !important;
    padding-right: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message [data-smartbiz-toolbar] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message [data-smartbiz-toolbar] span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-compose-header {
    grid-template-columns: 42px 1fr auto auto !important;
    gap: 8px !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login) .smartbiz-mobile-attach-inline {
    height: 42px !important;
    min-width: 92px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 13px !important;
    border: 1px solid var(--sbz-line, #ded8cb) !important;
    border-radius: 999px !important;
    background: var(--sbz-panel, #fffefa) !important;
    color: var(--sbz-ink, #101010) !important;
    font-weight: 950 !important;
  }
}

html[data-smartbiz-theme="dark"] body:not(.task-login).smartbiz-direct-message .smartbiz-direct-back,
html.dark-mode body:not(.task-login).smartbiz-direct-message .smartbiz-direct-back,
body.dark-mode:not(.task-login).smartbiz-direct-message .smartbiz-direct-back,
html[data-smartbiz-theme="dark"] body:not(.task-login) .smartbiz-mobile-attach-inline,
html.dark-mode body:not(.task-login) .smartbiz-mobile-attach-inline,
body.dark-mode:not(.task-login) .smartbiz-mobile-attach-inline {
  background: #14211c !important;
  border-color: rgba(245,247,244,.16) !important;
  color: #f5f7f4 !important;
}

/* v19: the direct-reader back/action bar must survive every breakpoint. */
html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message .smartbiz-direct-back {
  position: absolute !important;
  left: 16px !important;
  top: 14px !important;
  z-index: 40 !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border: 1px solid var(--sbz-line, #ded8cb) !important;
  border-radius: 999px !important;
  background: var(--sbz-panel, #fffefa) !important;
  color: var(--sbz-ink, #101010) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content > .toolbar,
html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #messagetoolbar {
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 12px 16px 12px 140px !important;
  border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #toolbar-menu {
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 12px 16px 12px 140px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  background: transparent !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  list-style: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message [data-smartbiz-toolbar] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #replyallmenulink[data-smartbiz-toolbar],
html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #forwardmenulink[data-smartbiz-toolbar],
html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message .compose.hidden {
  display: none !important;
}

html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message [data-smartbiz-toolbar] span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 960px) {
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message .smartbiz-direct-back span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #layout-content > .toolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #messagetoolbar,
  html[data-smartbiz-task="mail"] body:not(.task-login).smartbiz-direct-message #toolbar-menu {
    padding-left: 68px !important;
    justify-content: flex-start !important;
  }
}

/* v21 fallback: direct show pages can render before data-smartbiz-task is set. */
body.task-mail:not(.task-login).smartbiz-direct-message .smartbiz-direct-back {
  position: absolute !important;
  left: 16px !important;
  top: 14px !important;
  z-index: 40 !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border: 1px solid var(--sbz-line, #ded8cb) !important;
  border-radius: 999px !important;
  background: var(--sbz-panel, #fffefa) !important;
  color: var(--sbz-ink, #101010) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.task-mail:not(.task-login).smartbiz-direct-message #toolbar-menu {
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 12px 16px 12px 68px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sbz-line, #ded8cb) !important;
  background: transparent !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  list-style: none !important;
}

body.task-mail:not(.task-login).smartbiz-direct-message #toolbar-menu [data-smartbiz-toolbar] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

body.task-mail:not(.task-login).smartbiz-direct-message #toolbar-menu [data-smartbiz-toolbar] span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body.task-mail:not(.task-login).smartbiz-direct-message #replyallmenulink[data-smartbiz-toolbar],
body.task-mail:not(.task-login).smartbiz-direct-message #forwardmenulink[data-smartbiz-toolbar],
body.task-mail:not(.task-login).smartbiz-direct-message #toolbar-menu .compose.hidden {
  display: none !important;
}