:root {
  --sb-bg: #101114;
  --sb-panel: #17191d;
  --sb-panel-2: #1d2025;
  --sb-border: #2a2e35;
  --sb-text: #eef1f4;
  --sb-muted: #a7afb9;
  --sb-accent: #f3c543;
  --sb-accent-strong: #ffd34d;
  --sb-accent-text: #111111;
  --sb-hover: #23272e;
  --sb-input: #121418;
  --sb-shadow: 0 10px 30px rgba(0,0,0,.35);
  --sb-radius: 14px;
}

html,
body,
#layout,
#layout-content,
#layout-sidebar,
#layout-list,
#layout-preview,
#layout-menu,
.content,
.boxcontent,
.pagenav,
.popup-box,
.ui-dialog,
#messagestack {
  background-color: var(--sb-bg) !important;
  color: var(--sb-text) !important;
}

body,
input,
select,
textarea,
button {
  color: var(--sb-text) !important;
}

a {
  color: var(--sb-accent) !important;
}

#topnav,
.header,
.footer,
.toolbar,
#taskmenu,
#mail-toolbar,
#layout-sidebar,
#layout-list,
#layout-preview,
.box,
.popup-box,
.ui-dialog .ui-dialog-content,
#messagelistfooter,
#folderlist-content,
#message-objects,
.records-table thead td,
.records-table thead th {
  background: var(--sb-panel) !important;
  border-color: var(--sb-border) !important;
  color: var(--sb-text) !important;
}

#taskmenu a,
.toolbar a,
.header a,
.listing a,
.records-table td,
.records-table th,
ul.treelist li a,
.listing li,
.menu a,
.menuselector a {
  color: var(--sb-text) !important;
}

#taskmenu a.selected,
#taskmenu a:focus,
#taskmenu a:hover,
.toolbar a.button:hover,
.toolbar a:hover,
.listing li.selected,
.listing li.selected > a,
.records-table tr.selected td,
.records-table tr.selected th,
.records-table tr:hover td,
.records-table tr:hover th,
ul.treelist li.selected > a,
ul.treelist li a:hover {
  background: var(--sb-accent) !important;
  color: var(--sb-accent-text) !important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a.button,
.button {
  background: var(--sb-accent) !important;
  color: var(--sb-accent-text) !important;
  border: 1px solid var(--sb-accent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.btn:hover,
a.button:hover,
.button:hover {
  background: var(--sb-accent-strong) !important;
  color: #111 !important;
  border-color: var(--sb-accent-strong) !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select,
.form-control {
  background: var(--sb-input) !important;
  color: var(--sb-text) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--sb-muted) !important;
}

#layout-sidebar,
#layout-list,
#layout-preview,
.box,
.popup-box,
.ui-dialog,
.compose-headers,
.message-partheaders,
#messageheader {
  border-radius: var(--sb-radius) !important;
  box-shadow: var(--sb-shadow) !important;
}

#folderlist-content,
#messagelist,
#contactslist,
#directorylist,
#subscriptionlist,
#sections-table {
  background: var(--sb-panel) !important;
}

.listing li,
.records-table tr td,
.records-table tr th {
  border-color: var(--sb-border) !important;
}

.quota,
.notice,
.hint,
.formbuttons,
legend,
.label,
propform label,
.settings-table td.title,
.settings-table th {
  color: var(--sb-muted) !important;
}

#logo {
  max-width: 220px !important;
  height: auto !important;
}

#layout-content.no-navbar {
  max-width: 460px !important;
  margin: 5vh auto !important;
  padding: 28px !important;
  background: linear-gradient(180deg, rgba(27,29,34,.98), rgba(18,19,23,.98)) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.45) !important;
}

#login-form .form-control,
#login-form input,
#login-form select {
  min-height: 44px !important;
}

#login-footer {
  color: var(--sb-muted) !important;
  margin-top: 18px !important;
  text-align: center !important;
}

.noscriptwarning,
.error,
.notice,
.warning,
confirmation,
#messagestack div {
  border-radius: 10px !important;
}

#messagestack .error,
#messagestack .warning {
  background: #3a1f20 !important;
  color: #ffd9d9 !important;
  border: 1px solid #7d3b3e !important;
}

#messagestack .notice,
#messagestack .confirmation {
  background: #1b2c1b !important;
  color: #d7f5d7 !important;
  border: 1px solid #395b39 !important;
}

iframe,
.previewpane,
#messageframe {
  background: #fff !important;
  border-radius: 12px !important;
}

@media (max-width: 900px) {
  #layout-content.no-navbar {
    max-width: calc(100% - 24px) !important;
    margin: 12px auto !important;
    padding: 20px !important;
  }

  #logo {
    max-width: 180px !important;
  }
}

/* =========================================================
   SINGLEBUCK MAIL — PHASE 2 POLISH
   ========================================================= */

/* Softer structural borders */
#layout-sidebar,
#layout-list,
#layout-preview,
#messagelist,
#folderlist-content {
    border-color: #292d33 !important;
}

/* Main navigation */
#taskmenu {
    background: #101216 !important;
    border-right: 1px solid #292d33 !important;
}

#taskmenu a {
    transition: background .16s ease, color .16s ease;
}

#taskmenu a:hover {
    background: #20242a !important;
    color: #f3c543 !important;
}

#taskmenu a.selected {
    background: #f3c543 !important;
    color: #111 !important;
}


/* -----------------------------------------
   TOOLBAR
   Ordinary buttons stay dark.
   Yellow becomes intentional rather than everywhere.
------------------------------------------ */

.toolbar a.button,
.toolbar a,
a.button {
    background: transparent !important;
    border-color: transparent !important;
    color: #d9dde2 !important;
}

.toolbar a.button:hover,
.toolbar a:hover,
a.button:hover {
    background: #272b31 !important;
    color: #f3c543 !important;
    border-color: #32373f !important;
}

/* Preserve stronger emphasis for selected/active actions */
.toolbar a.selected,
.toolbar a.button.selected {
    background: #f3c543 !important;
    color: #111 !important;
}


/* -----------------------------------------
   FOLDER LIST
------------------------------------------ */

#mailboxlist li a {
    transition: background .15s ease, color .15s ease;
}

#mailboxlist li a:hover {
    background: #20242a !important;
    color: #f3c543 !important;
}

#mailboxlist li.selected > a {
    background: linear-gradient(
        90deg,
        #f3c543 0%,
        #ffd65a 100%
    ) !important;

    color: #111 !important;
    font-weight: 600 !important;
}


/* -----------------------------------------
   MESSAGE LIST
------------------------------------------ */

#messagelist tbody tr {
    transition: background .13s ease;
}

#messagelist tbody tr:hover td {
    background: #20242a !important;
}

#messagelist tbody tr.selected td {
    background: #2a2e34 !important;
    color: #fff !important;
}

#messagelist tbody tr.unread td {
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* subtle yellow unread indicator */
#messagelist tbody tr.unread td.subject:before {
    color: #f3c543 !important;
}


/* -----------------------------------------
   SEARCH
------------------------------------------ */

#quicksearchbar,
#quicksearchbox,
#searchfilter {
    background: #111318 !important;
    border-color: #30353d !important;
}

#quicksearchbar:focus-within {
    border-color: #f3c543 !important;
    box-shadow: 0 0 0 1px rgba(243,197,67,.25) !important;
}


/* -----------------------------------------
   READING PANE
------------------------------------------ */

#layout-preview {
    background: #20292d !important;
}

/* Give message contents breathing room */
#message-content,
.message-part {
    border-radius: 8px !important;
}


/* -----------------------------------------
   SCROLLBARS
------------------------------------------ */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #111318;
}

::-webkit-scrollbar-thumb {
    background: #3a3f46;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f3c543;
}


/* -----------------------------------------
   SELECTION
------------------------------------------ */

::selection {
    background: #f3c543;
    color: #111;
}



/* =========================================================
   SINGLEBUCK MAILBRIDGE — FINAL POPUP OVERRIDE
   ========================================================= */

#sbmm-switcher-menu {
    background: #0f1114 !important;
    color: #eef1f4 !important;

    border: 1px solid #f3c543 !important;
    border-radius: 12px !important;

    padding: 8px !important;

    min-width: 280px !important;
    max-width: 320px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.65),
        0 4px 14px rgba(0,0,0,.45) !important;

    transform: translateX(8px) !important;

    overflow: hidden !important;
}

#sbmm-switcher-menu[hidden] {
    display: none !important;
}


/* Everything inside the popup */
#sbmm-switcher-menu * {
    box-sizing: border-box !important;
}


/* MailBridge heading */
#sbmm-switcher-menu > div:first-child,
#sbmm-switcher-menu [class*="brand"],
#sbmm-switcher-menu [class*="heading"],
#sbmm-switcher-menu [class*="title"] {
    color: #8f98a3 !important;
}


/* Mailbox rows */
#sbmm-switcher-menu a,
#sbmm-switcher-menu button,
#sbmm-switcher-menu [class*="item"] {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 2px 0 !important;
    padding: 7px 10px !important;

    background: transparent !important;
    color: #eef1f4 !important;

    border: 0 !important;
    border-radius: 8px !important;

    text-decoration: none !important;
    text-align: left !important;

    cursor: pointer !important;
}


/* Normal hover */
#sbmm-switcher-menu a:hover,
#sbmm-switcher-menu button:hover,
#sbmm-switcher-menu [class*="item"]:hover {
    background: #252a31 !important;
    color: #fff !important;
}


/* Current mailbox */
#sbmm-switcher-menu .active,
#sbmm-switcher-menu .selected,
#sbmm-switcher-menu [aria-current="true"],
#sbmm-switcher-menu [class*="current"] {
    background: #f3c543 !important;
    color: #111 !important;
}


/* Preserve dark text inside selected account */
#sbmm-switcher-menu .active *,
#sbmm-switcher-menu .selected *,
#sbmm-switcher-menu [aria-current="true"] *,
#sbmm-switcher-menu [class*="current"] * {
    color: #111 !important;
}


/* Mailbox name */
#sbmm-switcher-menu strong {
    color: inherit !important;
    font-size: 12px !important;
}


/* Email address */
#sbmm-switcher-menu small {
    color: #a0a8b2 !important;
    font-size: 10px !important;
}


/* Manage Mailboxes link */
#sbmm-switcher-menu a[href*="singlebuck_multimail"],
#sbmm-switcher-menu a[href*="_task=settings"] {
    margin-top: 7px !important;

    border-top: 1px solid #30353d !important;
    border-radius: 0 0 8px 8px !important;

    color: #f3c543 !important;
    font-weight: 600 !important;
}

#sbmm-switcher-menu a[href*="singlebuck_multimail"]:hover,
#sbmm-switcher-menu a[href*="_task=settings"]:hover {
    background: rgba(243,197,67,.12) !important;
}


/* =========================================================
   MARK AS JUNK — FINAL SINGLEBUCK TOOLBAR POLISH
   ========================================================= */

.toolbar a.button.junk,
.toolbar a.button.notjunk {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #8f969f !important;
}

.toolbar a.button.junk:hover,
.toolbar a.button.notjunk:hover {
    background: transparent !important;
    color: #f3c543 !important;
}

.toolbar a.button.junk .inner,
.toolbar a.button.notjunk .inner {
    color: inherit !important;
}


/* Do NOT add our own second icon */
.toolbar a.junk .inner::before,
.toolbar a.notjunk .inner::before {
    content: none !important;
    display: none !important;
}



/* =========================================================
   MAILBRIDGE — ACCOUNT ROW FINAL LAYOUT
   ========================================================= */

#sbmm-switcher-menu .sbmm-switcher-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Each mailbox row */
#sbmm-switcher-menu .sbmm-switcher-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    column-gap: 9px !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 2px 0 !important;
    padding: 7px 9px !important;

    background: transparent !important;
    color: #eef1f4 !important;

    border: 0 !important;
    border-radius: 8px !important;

    text-align: left !important;
}


/* Hover for switchable accounts */
#sbmm-switcher-menu button.sbmm-switcher-item:hover {
    background: #252a31 !important;
}


/* Active mailbox */
#sbmm-switcher-menu .sbmm-switcher-item.is-active {
    background: rgba(243,197,67,.12) !important;
    color: #ffffff !important;
}


/* Initial circle */
#sbmm-switcher-menu .sbmm-switcher-item-avatar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    border-radius: 50% !important;

    background: #292d33 !important;
    color: #f3c543 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    grid-column: 1 !important;
}


/* Name + address container */
#sbmm-switcher-menu .sbmm-switcher-item-label {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;

    grid-column: 2 !important;

    line-height: 1.15 !important;
}


/* Mailbox name */
#sbmm-switcher-menu .sbmm-switcher-item-label strong {
    display: block !important;

    color: #eef1f4 !important;

    font-size: 12px !important;
    font-weight: 650 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Email on its own line */
#sbmm-switcher-menu .sbmm-switcher-item-label small {
    display: block !important;

    margin-top: 3px !important;

    color: #929aa5 !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Current mailbox check */
#sbmm-switcher-menu .sbmm-switcher-check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    grid-column: 3 !important;

    color: #f3c543 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


/* Active account gets a yellow initial */
#sbmm-switcher-menu .sbmm-switcher-item.is-active
.sbmm-switcher-item-avatar {
    background: #f3c543 !important;
    color: #111 !important;
}



/* =========================================================
   MAILBRIDGE — SETTINGS PAGE
   ========================================================= */

.sbmm-settings-page {
    max-width: 1100px;
    padding: 28px 32px 50px;
    color: #eef1f4;
}

.sbmm-settings-page h1,
.sbmm-settings-page h2,
.sbmm-settings-page h3 {
    color: #ffffff;
}

.sbmm-settings-page h1 {
    margin: 0 0 6px;
    font-size: 26px;
}

.sbmm-settings-page h2 {
    margin-top: 28px;
    font-size: 20px;
}

.sbmm-settings-page p {
    color: #a7afb9;
}


/* individual sections/cards */
.sbmm-settings-page form,
.sbmm-settings-page fieldset,
.sbmm-settings-page > div {
    border-color: #30353d;
}


/* Inputs */
.sbmm-settings-page input[type="text"],
.sbmm-settings-page input[type="email"],
.sbmm-settings-page input[type="password"],
.sbmm-settings-page input[type="number"],
.sbmm-settings-page select {
    min-height: 38px;

    padding: 7px 10px;

    background: #111318 !important;
    color: #eef1f4 !important;

    border: 1px solid #343941 !important;
    border-radius: 8px !important;

    outline: none !important;
}

.sbmm-settings-page input:focus,
.sbmm-settings-page select:focus {
    border-color: #f3c543 !important;
    box-shadow: 0 0 0 2px rgba(243,197,67,.14) !important;
}


/* Labels */
.sbmm-settings-page label {
    color: #cbd1d7;
    font-weight: 500;
}


/* Buttons */
.sbmm-settings-page button,
.sbmm-settings-page input[type="submit"],
.sbmm-settings-page .button {
    min-height: 38px;

    padding: 8px 16px !important;

    background: #f3c543 !important;
    color: #111 !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-weight: 700 !important;

    cursor: pointer;
}

.sbmm-settings-page button:hover,
.sbmm-settings-page input[type="submit"]:hover,
.sbmm-settings-page .button:hover {
    background: #ffd65a !important;
    color: #111 !important;
}


/* Primary/current mailbox details */
.sbmm-settings-page strong {
    color: #ffffff;
}


/* Separators */
.sbmm-settings-page hr {
    margin: 24px 0;
    background: #30353d;
    border: 0;
    height: 1px;
}


/* Give forms breathing room */
.sbmm-settings-page form {
    margin-top: 14px;
}

.sbmm-settings-page form label {
    margin-right: 5px;
}

.sbmm-settings-page form input,
.sbmm-settings-page form select {
    margin-right: 12px;
    margin-bottom: 12px;
}


/* checkbox stays native but uses SingleBuck accent */
.sbmm-settings-page input[type="checkbox"] {
    accent-color: #f3c543;
}


/* mobile */
@media (max-width: 768px) {
    .sbmm-settings-page {
        padding: 20px 18px 40px;
    }

    .sbmm-settings-page input[type="text"],
    .sbmm-settings-page input[type="email"],
    .sbmm-settings-page input[type="password"],
    .sbmm-settings-page input[type="number"],
    .sbmm-settings-page select {
        max-width: 100%;
    }
}



/* =========================================================
   MAILBRIDGE SETTINGS — FINAL DASHBOARD DESIGN
   ========================================================= */

.singlebuck-multimail-page {
    width: 100%;
    max-width: 1180px;
    margin: 0;
    padding: 0 0 48px;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-hero {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;

    margin: 0 0 28px !important;
    padding: 24px 26px !important;

    background:
        linear-gradient(
            135deg,
            rgba(243,197,67,.10),
            rgba(243,197,67,.025) 45%,
            rgba(255,255,255,.01)
        ) !important;

    border: 1px solid #343941 !important;
    border-radius: 14px !important;
}

.singlebuck-multimail-page .sbmm-eyebrow {
    display: block !important;

    margin-bottom: 7px !important;

    color: #f3c543 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .10em !important;
}

.singlebuck-multimail-page .sbmm-hero h2 {
    margin: 0 0 7px !important;

    color: #fff !important;

    font-size: 27px !important;
    font-weight: 700 !important;
}

.singlebuck-multimail-page .sbmm-hero p {
    max-width: 620px !important;

    margin: 0 !important;

    color: #a9b1ba !important;
    line-height: 1.55 !important;
}


/* Redundant because the full form is directly below */
.singlebuck-multimail-page .sbmm-add-button {
    display: none !important;
}


/* ---------------------------------------------------------
   SECTION HEADERS
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-section {
    margin: 0 0 30px !important;
}

.singlebuck-multimail-page .sbmm-section-heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    margin: 0 0 14px !important;
}

.singlebuck-multimail-page .sbmm-section-heading h3 {
    margin: 0 0 4px !important;

    color: #fff !important;

    font-size: 20px !important;
    font-weight: 650 !important;
}

.singlebuck-multimail-page .sbmm-section-heading p {
    margin: 0 !important;

    color: #8f98a3 !important;

    font-size: 12px !important;
}


/* ---------------------------------------------------------
   MAILBOX CARD GRID
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-grid {
    display: grid !important;

    grid-template-columns:
        repeat(auto-fit, minmax(280px, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;
}


/* ---------------------------------------------------------
   MAILBOX CARDS
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    min-height: 245px !important;

    padding: 20px !important;

    background: #171a1f !important;

    border: 1px solid #30353d !important;
    border-radius: 13px !important;

    box-shadow: 0 8px 22px rgba(0,0,0,.16) !important;

    overflow: hidden !important;
}


/* Primary mailbox gets restrained yellow emphasis */
.singlebuck-multimail-page .sbmm-card-primary {
    border-color: rgba(243,197,67,.65) !important;

    background:
        linear-gradient(
            145deg,
            rgba(243,197,67,.08),
            #171a1f 40%
        ) !important;
}


/* Card status row */
.singlebuck-multimail-page .sbmm-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin-bottom: 18px !important;
}


/* Status pills */
.singlebuck-multimail-page .sbmm-status {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 24px !important;

    padding: 4px 9px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.singlebuck-multimail-page .sbmm-status-primary {
    background: rgba(243,197,67,.15) !important;
    color: #f3c543 !important;
}

.singlebuck-multimail-page .sbmm-status-enabled {
    background: rgba(74,201,126,.11) !important;
    color: #7cdda5 !important;
}

.singlebuck-multimail-page .sbmm-status-disabled {
    background: rgba(255,255,255,.06) !important;
    color: #9098a1 !important;
}


/* Online/offline indicator */
.singlebuck-multimail-page .sbmm-dot {
    display: block !important;

    width: 9px !important;
    height: 9px !important;

    border-radius: 50% !important;
}

.singlebuck-multimail-page .sbmm-dot-online {
    background: #61d38c !important;
    box-shadow: 0 0 0 4px rgba(97,211,140,.08) !important;
}

.singlebuck-multimail-page .sbmm-dot-offline {
    background: #69717b !important;
}


/* The lonely "M" finally becomes an avatar */
.singlebuck-multimail-page .sbmm-mail-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 0 14px !important;

    background: #252a31 !important;
    color: #f3c543 !important;

    border: 1px solid #383e46 !important;
    border-radius: 12px !important;

    font-size: 18px !important;
    font-weight: 750 !important;
}

.singlebuck-multimail-page .sbmm-card-primary .sbmm-mail-icon {
    background: #f3c543 !important;
    color: #111 !important;

    border-color: #f3c543 !important;
}


/* Card mailbox name */
.singlebuck-multimail-page .sbmm-card h4 {
    margin: 0 0 5px !important;

    color: #fff !important;

    font-size: 17px !important;
    font-weight: 650 !important;
}


/* Email address */
.singlebuck-multimail-page .sbmm-email {
    margin: 0 0 13px !important;

    color: #cbd1d7 !important;

    font-size: 12px !important;

    overflow-wrap: anywhere !important;
}


/* Supporting text */
.singlebuck-multimail-page .sbmm-card-note {
    margin: 0 0 18px !important;

    color: #7f8994 !important;

    font-size: 11px !important;
}


/* ---------------------------------------------------------
   CARD ACTIONS
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 7px !important;

    margin-top: auto !important;
    padding-top: 14px !important;

    border-top: 1px solid #292e35 !important;
}

.singlebuck-multimail-page .sbmm-actions form {
    display: inline-flex !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Normal card actions */
.singlebuck-multimail-page .sbmm-actions .button,
.singlebuck-multimail-page .sbmm-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    margin: 0 !important;
    padding: 6px 11px !important;

    background: #252a31 !important;
    color: #dce1e6 !important;

    border: 1px solid #363c44 !important;
    border-radius: 7px !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* Main mailbox action */
.singlebuck-multimail-page .sbmm-actions .mainaction {
    background: #f3c543 !important;
    color: #111 !important;

    border-color: #f3c543 !important;
}

.singlebuck-multimail-page .sbmm-actions .mainaction:hover {
    background: #ffd65a !important;
}


/* Remove button */
.singlebuck-multimail-page .sbmm-actions .delete {
    background: transparent !important;
    color: #d88d8d !important;

    border-color: rgba(216,141,141,.30) !important;
}

.singlebuck-multimail-page .sbmm-actions .delete:hover {
    background: rgba(216,141,141,.10) !important;
    color: #ffaaaa !important;
}


/* Currently open */
.singlebuck-multimail-page .sbmm-actions .disabled {
    background: rgba(243,197,67,.08) !important;
    color: #c9ad55 !important;

    border-color: rgba(243,197,67,.20) !important;

    cursor: default !important;
}


/* ---------------------------------------------------------
   ADD / EDIT MAILBOX FORM
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-form-section {
    margin-top: 34px !important;

    padding: 24px !important;

    background: #171a1f !important;

    border: 1px solid #30353d !important;
    border-radius: 14px !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.14) !important;
}

.singlebuck-multimail-page .sbmm-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Proper responsive field grid */
.singlebuck-multimail-page .sbmm-fields {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 17px 18px !important;

    width: 100% !important;
}


/* Individual fields */
.singlebuck-multimail-page .sbmm-fields > label {
    display: flex !important;
    flex-direction: column !important;

    gap: 7px !important;

    min-width: 0 !important;

    margin: 0 !important;
}

.singlebuck-multimail-page .sbmm-fields > label > span {
    color: #c7cdd4 !important;

    font-size: 11px !important;
    font-weight: 650 !important;
}


/* Inputs */
.singlebuck-multimail-page .sbmm-fields input,
.singlebuck-multimail-page .sbmm-fields select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 8px 11px !important;

    background: #101216 !important;
    color: #eef1f4 !important;

    border: 1px solid #343a43 !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}

.singlebuck-multimail-page .sbmm-fields input:focus,
.singlebuck-multimail-page .sbmm-fields select:focus {
    border-color: #f3c543 !important;

    box-shadow:
        0 0 0 2px rgba(243,197,67,.10) !important;

    outline: none !important;
}

.singlebuck-multimail-page .sbmm-fields input::placeholder {
    color: #68717c !important;
}


/* Checkbox */
.singlebuck-multimail-page input[type="checkbox"] {
    accent-color: #f3c543 !important;
}


/* Any direct action buttons beneath form */
.singlebuck-multimail-page .sbmm-form > button,
.singlebuck-multimail-page .sbmm-form > .button,
.singlebuck-multimail-page .sbmm-form input[type="submit"] {
    min-height: 40px !important;

    margin-top: 18px !important;
    padding: 8px 17px !important;

    background: #f3c543 !important;
    color: #111 !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-weight: 700 !important;
}

.singlebuck-multimail-page .sbmm-form > button:hover,
.singlebuck-multimail-page .sbmm-form input[type="submit"]:hover {
    background: #ffd65a !important;
}


/* ---------------------------------------------------------
   SUCCESS / ERROR MESSAGES
   --------------------------------------------------------- */

.singlebuck-multimail-page .sbmm-messages {
    margin-bottom: 18px !important;
}

.singlebuck-multimail-page .sbmm-message {
    margin-bottom: 8px !important;
    padding: 11px 13px !important;

    border-radius: 8px !important;

    font-size: 12px !important;
}

.singlebuck-multimail-page .sbmm-message-success {
    background: rgba(77,199,125,.10) !important;
    color: #8de0ae !important;

    border: 1px solid rgba(77,199,125,.25) !important;
}

.singlebuck-multimail-page .sbmm-message-error {
    background: rgba(220,90,90,.10) !important;
    color: #efa2a2 !important;

    border: 1px solid rgba(220,90,90,.25) !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 850px) {

    .singlebuck-multimail-page .sbmm-fields {
        grid-template-columns: 1fr !important;
    }

    .singlebuck-multimail-page .sbmm-grid {
        grid-template-columns: 1fr !important;
    }

    .singlebuck-multimail-page .sbmm-hero {
        padding: 20px !important;
    }

    .singlebuck-multimail-page .sbmm-form-section {
        padding: 20px !important;
    }
}



/* =========================================================
   MAILBRIDGE — SCROLLABLE SETTINGS PANEL
   ========================================================= */

#layout-content {
    display: flex !important;
    flex-direction: column !important;

    min-height: 0 !important;
    overflow: hidden !important;
}

#layout-content > .header {
    flex: 0 0 auto !important;
}

#layout-content > .scroller {
    flex: 1 1 auto !important;

    min-height: 0 !important;
    height: auto !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}


/* Give the bottom of MailBridge some breathing room */
#layout-content > .scroller .sbmm-settings-page {
    padding-bottom: 70px !important;
}



/* =========================================================
   MAILBRIDGE — CLEAN VERTICAL ACCOUNT SWITCHER
   ========================================================= */

#sbmm-switcher-menu {
    min-width: 330px !important;
    max-width: 360px !important;

    padding: 9px !important;

    background: #101216 !important;
    border: 1px solid #3a3f47 !important;
    border-radius: 12px !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.60),
        0 3px 12px rgba(0,0,0,.35) !important;

    transform: translateX(4px) !important;
}


/* MailBridge title */
#sbmm-switcher-menu > div:first-child:not(.sbmm-switcher-item) {
    margin: 1px 5px 8px !important;

    color: #858e99 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}


/* Every account/form occupies its own row */
#sbmm-switcher-menu .sbmm-switcher-form {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Account row */
#sbmm-switcher-menu .sbmm-switcher-item {
    display: grid !important;

    grid-template-columns:
        36px minmax(0, 1fr) 24px !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 3px 0 !important;
    padding: 8px 10px !important;

    column-gap: 10px !important;

    background: transparent !important;
    color: #eef1f4 !important;

    border: 1px solid transparent !important;
    border-radius: 9px !important;

    text-align: left !important;

    transition:
        background .14s ease,
        border-color .14s ease !important;
}


/* Hover */
#sbmm-switcher-menu button.sbmm-switcher-item:hover {
    background: #20242a !important;
    border-color: #31363e !important;
}


/* ACTIVE ACCOUNT — understated SingleBuck treatment */
#sbmm-switcher-menu .sbmm-switcher-item.is-active {
    background: rgba(243,197,67,.08) !important;

    border-color: rgba(243,197,67,.30) !important;

    box-shadow:
        inset 3px 0 0 #f3c543 !important;
}


/* Avatar */
#sbmm-switcher-menu .sbmm-switcher-item-avatar {
    grid-column: 1 !important;

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

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;

    background: #292e35 !important;
    color: #d9dee4 !important;

    border: 1px solid #393f48 !important;
    border-radius: 50% !important;

    font-size: 12px !important;
    font-weight: 750 !important;
}


/* Active avatar */
#sbmm-switcher-menu
.sbmm-switcher-item.is-active
.sbmm-switcher-item-avatar {
    background: #f3c543 !important;
    color: #111 !important;

    border-color: #f3c543 !important;
}


/* Name/email column */
#sbmm-switcher-menu .sbmm-switcher-item-label {
    grid-column: 2 !important;

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

    min-width: 0 !important;

    line-height: 1.15 !important;
}


/* Account name */
#sbmm-switcher-menu .sbmm-switcher-item-label strong {
    display: block !important;

    margin: 0 !important;

    color: #f1f3f5 !important;

    font-size: 12px !important;
    font-weight: 650 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Email */
#sbmm-switcher-menu .sbmm-switcher-item-label small {
    display: block !important;

    margin-top: 4px !important;

    color: #8e97a2 !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Check mark */
#sbmm-switcher-menu .sbmm-switcher-check {
    grid-column: 3 !important;

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

    color: #f3c543 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* Divider above Manage Mailboxes */
#sbmm-switcher-menu a[href*="singlebuck_multimail"],
#sbmm-switcher-menu a[href*="_task=settings"] {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    min-height: 42px !important;

    margin: 8px 0 0 !important;
    padding: 9px 10px !important;

    background: transparent !important;
    color: #f3c543 !important;

    border: 0 !important;
    border-top: 1px solid #2e333a !important;
    border-radius: 0 0 7px 7px !important;

    font-size: 11px !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}

#sbmm-switcher-menu a[href*="singlebuck_multimail"]:hover,
#sbmm-switcher-menu a[href*="_task=settings"]:hover {
    background: rgba(243,197,67,.07) !important;
}


/* More accounts? Scroll inside dropdown instead of growing forever */
#sbmm-switcher-menu {
    max-height: min(520px, calc(100vh - 120px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}



/* =========================================================
   MAILBRIDGE — FINAL COMPACT VERTICAL SWITCHER
   ========================================================= */

/* Popup itself */
#sbmm-switcher-menu {
    min-width: 285px !important;
    width: 285px !important;
    max-width: 285px !important;

    padding: 6px !important;

    background: #101216 !important;

    border: 1px solid #343941 !important;
    border-radius: 9px !important;

    transform: translateX(4px) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}


/* ---------------------------------------------------------
   MOST IMPORTANT FIX:
   accounts are ALWAYS one on top of another
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-items {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


#sbmm-switcher-menu .sbmm-switcher-form {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ---------------------------------------------------------
   HEADING
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-heading {
    display: block !important;

    margin: 1px 5px 5px !important;
    padding: 2px 0 5px !important;

    color: #7f8893 !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}


/* ---------------------------------------------------------
   ACCOUNT ROW
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-item {
    display: grid !important;

    grid-template-columns:
        28px minmax(0,1fr) 18px !important;

    align-items: center !important;

    column-gap: 8px !important;

    width: 100% !important;

    min-height: 43px !important;
    height: 43px !important;

    margin: 0 !important;
    padding: 4px 6px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    color: #e9edf1 !important;

    text-align: left !important;
}


/* Other mailbox hover */
#sbmm-switcher-menu button.sbmm-switcher-item:hover {
    background: #1d2126 !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   ACTIVE MAILBOX
   No chunky yellow card.
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-item.is-active {
    background: rgba(243,197,67,.07) !important;

    border: 0 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   AVATAR
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-item-avatar {
    grid-column: 1 !important;

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

    width: 25px !important;
    height: 25px !important;

    margin: 0 !important;

    background: #292e35 !important;
    color: #bbc2ca !important;

    border: 0 !important;
    border-radius: 50% !important;

    font-size: 9px !important;
    font-weight: 700 !important;
}


/* Active mailbox avatar only gets the yellow */
#sbmm-switcher-menu
.sbmm-switcher-item.is-active
.sbmm-switcher-item-avatar {
    background: #f3c543 !important;
    color: #111 !important;

    border: 0 !important;
}


/* ---------------------------------------------------------
   NAME + EMAIL
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-item-label {
    grid-column: 2 !important;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;

    margin: 0 !important;

    line-height: 1.05 !important;

    text-transform: none !important;
    letter-spacing: normal !important;
}


#sbmm-switcher-menu .sbmm-switcher-item-label strong {
    display: block !important;

    margin: 0 !important;

    color: #eef1f4 !important;

    font-size: 11px !important;
    font-weight: 650 !important;

    line-height: 1.1 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


#sbmm-switcher-menu .sbmm-switcher-item-label small {
    display: block !important;

    margin: 3px 0 0 !important;

    color: #858e98 !important;

    font-size: 8.5px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* ---------------------------------------------------------
   ACTIVE CHECK
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-check {
    grid-column: 3 !important;

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

    width: 18px !important;

    color: #f3c543 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

#sbmm-switcher-menu .sbmm-switcher-footer {
    display: block !important;

    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 4px 0 0 !important;

    border-top: 1px solid #2b3036 !important;
}


#sbmm-switcher-menu .sbmm-manage-link {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 4px 7px !important;

    background: transparent !important;
    color: #f3c543 !important;

    border: 0 !important;
    border-radius: 5px !important;

    font-size: 9.5px !important;
    font-weight: 650 !important;

    text-decoration: none !important;
}


#sbmm-switcher-menu .sbmm-manage-link:hover {
    background: rgba(243,197,67,.07) !important;
    color: #ffd65a !important;
}


/* Prevent broad old popup selectors from fattening rows */
#sbmm-switcher-menu button.sbmm-switcher-item,
#sbmm-switcher-menu a.sbmm-manage-link {
    min-height: unset !important;
}

#sbmm-switcher-menu button.sbmm-switcher-item {
    height: 43px !important;
}

#sbmm-switcher-menu a.sbmm-manage-link {
    height: 32px !important;
}



/* =========================================================
   MAILBRIDGE — CLEANER DROPDOWN BADGES
   ========================================================= */

/* tighter rows */
#sbmm-switcher-menu .sbmm-switcher-item {
    grid-template-columns: 24px minmax(0,1fr) 16px !important;
    column-gap: 9px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 4px 8px !important;
}

/* replace oval/circle with small rounded square */
#sbmm-switcher-menu .sbmm-switcher-item-avatar {
    width: 24px !important;
    height: 24px !important;

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

    border-radius: 6px !important;
    background: #2a2f36 !important;
    color: #dfe4e8 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* active mailbox badge */
#sbmm-switcher-menu
.sbmm-switcher-item.is-active
.sbmm-switcher-item-avatar {
    background: #f3c543 !important;
    color: #111 !important;
}

/* slightly cleaner type */
#sbmm-switcher-menu .sbmm-switcher-item-label strong {
    font-size: 11px !important;
    font-weight: 700 !important;
}

#sbmm-switcher-menu .sbmm-switcher-item-label small {
    font-size: 9px !important;
    margin-top: 2px !important;
}

/* keep check compact */
#sbmm-switcher-menu .sbmm-switcher-check {
    font-size: 13px !important;
}



/* =========================================================
   EMAIL BODY LINKS — READABLE ON LIGHT MESSAGE CONTENT
   ========================================================= */

.message-part a[href],
.message-htmlpart a[href],
.rcmBody a[href] {
    color: #0b57d0 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

.message-part a[href]:hover,
.message-htmlpart a[href]:hover,
.rcmBody a[href]:hover {
    color: #0842a0 !important;
}



/* =========================================================
   SIGNATURE EDITOR / TINYMCE TOOLBAR
   Make toolbar controls readable again
   ========================================================= */

/* TinyMCE 4 / classic Roundcube editor */
.mce-container,
.mce-panel,
.mce-toolbar-grp,
.mce-menubar,
.mce-statusbar {
    background: #15191f !important;
    border-color: #30353d !important;
}

.mce-toolbar-grp {
    padding: 4px !important;
}

/* toolbar buttons */
.mce-btn {
    background: #232831 !important;
    border: 1px solid #353b44 !important;
    box-shadow: none !important;
}

.mce-btn button {
    color: #e8edf2 !important;
}

.mce-ico,
.mce-caret {
    color: #d9dee4 !important;
    border-top-color: #d9dee4 !important;
}

.mce-btn:hover,
.mce-btn:focus,
.mce-btn.mce-active,
.mce-btn.mce-btn-hover,
.mce-btn.mce-btn-active {
    background: #2d333d !important;
    border-color: #f3c543 !important;
}

.mce-btn:hover .mce-ico,
.mce-btn:focus .mce-ico,
.mce-btn.mce-active .mce-ico,
.mce-btn:hover button,
.mce-btn:focus button,
.mce-btn.mce-active button {
    color: #ffffff !important;
}

/* dropdowns like font and size */
.mce-menubtn,
.mce-listbox {
    background: #232831 !important;
    border: 1px solid #353b44 !important;
}

.mce-menubtn button,
.mce-listbox button,
.mce-listbox .mce-txt,
.mce-menubtn .mce-txt {
    color: #eef1f4 !important;
}

.mce-listbox:hover,
.mce-menubtn:hover,
.mce-listbox.mce-active,
.mce-menubtn.mce-active {
    background: #2d333d !important;
    border-color: #f3c543 !important;
}

/* editor text area frame */
.mce-edit-area,
.mce-edit-area iframe,
.mce-container-body {
    background: #ffffff !important;
}

/* ---------------------------------------------------------
   TinyMCE 5/6 fallback selectors, just in case
   --------------------------------------------------------- */

.tox.tox-tinymce {
    border: 1px solid #30353d !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.tox .tox-editor-header,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-menubar {
    background: #15191f !important;
    border-color: #30353d !important;
}

.tox .tox-tbtn,
.tox .tox-mbtn {
    background: #232831 !important;
    color: #eef1f4 !important;
    border-radius: 6px !important;
}

.tox .tox-tbtn svg,
.tox .tox-mbtn svg {
    fill: #d9dee4 !important;
}

.tox .tox-tbtn:hover,
.tox .tox-tbtn--enabled,
.tox .tox-mbtn:hover,
.tox .tox-mbtn--active {
    background: #2d333d !important;
    color: #ffffff !important;
}

.tox .tox-tbtn:hover svg,
.tox .tox-tbtn--enabled svg,
.tox .tox-mbtn:hover svg,
.tox .tox-mbtn--active svg {
    fill: #ffffff !important;
}

.tox .tox-edit-area__iframe {
    background: #ffffff !important;
}
body.task-login #logo,
body.task-login #logo img {
    width: 160px !important;
    height: auto !important;
    max-width: 80% !important;
    max-height: 180px !important;
    object-fit: contain !important;

    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}