/* Brand colour for one webmail domain, generated from assets/upgrade/webmail.css (WebmailBrand). */
body.od-wm {
    --wm-ink-950: #0b1522;
    --wm-ink:     #0f2236;
    --wm-ink-2:   #1c2636;
    --wm-ink-3:   #5a6b7d;
    --wm-violet:  #b95c00;
    --wm-violet-2:#984b00;
    --wm-ember:   #b95c00;
    --wm-ember-2: #984b00;
    --wm-paper:   #f4f7fa;
    --wm-paper-2: #eceef1;
    --wm-card:    #ffffff;
    --wm-unread:  #fcf7f2;
    --wm-hover:   #f7f8fa;
    --wm-text:    #0f2236;
    --wm-text-dim:#5a6b7d;
    --wm-text-faint:#8a99a8;
    --wm-line:    #e2e8ef;
    --wm-line-2:  #d5dae1;
    --wm-danger:  #d0422f;
    --wm-danger-lt:#fbebe8;
    --wm-ok:      #149c6b;
    --wm-ok-lt:   #e6f5ee;
    --wm-warn-lt: #fbf3e3;
    --wm-font: "Manrope", "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --wm-mono: "Geist Mono", ui-monospace, Consolas, monospace;
    --od-ring: 0 0 0 1px rgba(14, 23, 38, .06);
    --od-card: 0 0 0 1px rgba(14, 23, 38, .05), 0 1px 2px rgba(14, 23, 38, .04), 0 4px 16px -8px rgba(14, 23, 38, .06);
    --od-tint: #f8efe6;
    font-family: var(--wm-font);
    -webkit-font-smoothing: antialiased;
}
body.od-wm :focus-visible { outline: 2px solid #b95c00; outline-offset: 2px; }
body.od-wm .wm-btn-ember, body.od-wm .wm-btn-violet { background: #b95c00; color: #fff; box-shadow: 0 1px 2px rgba(185, 92, 0, .3); }
body.od-wm .wm-btn-ember:hover, body.od-wm .wm-btn-violet:hover { background: #984b00; color: #fff; box-shadow: none; }
body.od-wm .wm-input:focus, body.od-wm .wm-select:focus, body.od-wm .wm-textarea:focus { background: #fff; border-color: #b95c00; box-shadow: 0 0 0 3px rgba(185, 92, 0, .14); }
body.od-wm .wm-topbar .wm-logo, body.od-wm .wm-admin-topbar .wm-logo, body.od-wm .wm-auth-head .wm-logo { background: #f8efe6; color: #b95c00; border-radius: 12px; }
body.od-wm .wm-search:focus-within { background: #fff; border-color: #b95c00; box-shadow: 0 0 0 3px rgba(185, 92, 0, .14); }
body.od-wm .wm-avatar { border-radius: 999px; background: #b95c00; }
body.od-wm .wm-compose-btn { background: #b95c00; color: #fff; border-radius: 12px; font-weight: 600; font-size: 14.5px; box-shadow: 0 6px 16px -8px rgba(185, 92, 0, .6); }
body.od-wm .wm-compose-btn:hover { background: #984b00; color: #fff; }
body.od-wm .wm-folder.active { background: #f8efe6; color: #b95c00; font-weight: 600; }
body.od-wm .wm-folder.active i { color: #b95c00; }
body.od-wm .wm-folder.active .wm-count, body.od-wm .wm-folder .wm-count.ember { background: #b95c00; color: #fff; }
body.od-wm .wm-page-head .ico, body.od-wm .wm-panel-head .ico { background: #f8efe6; color: #b95c00; border-radius: 12px; }
body.od-wm .wm-storage .bar > div, body.od-wm .wm-stat .bar > div { border-radius: 999px; background: #b95c00; }
body.od-wm .wm-stat:hover, body.od-wm .wm-mod-card:hover, body.od-wm .bz-card:hover { transform: none; box-shadow: 0 0 0 1px rgba(185, 92, 0, .3), 0 12px 28px -16px rgba(14, 23, 38, .3); }
body.od-wm .wm-stat .ico, body.od-wm .wm-mod-ico { border-radius: 12px; background: #f8efe6; color: #b95c00; }
body.od-wm .wm-acct .av { border-radius: 999px; background: #b95c00; }
body.od-wm .wm-auth-wrap::after { background: #b95c00; opacity: .08; }
body.od-wm .wm-auth-word.v, body.od-wm .wm-auth-word.e { color: rgba(185, 92, 0, .16); }
body.od-wm .wm-auth-foot a { color: #b95c00; }
body.od-wm .wm-admin-badge { background: #f8efe6; color: #b95c00; border-radius: 999px; font-weight: 500; font-size: 12px; }
body.od-wm .wm-row.open, body.od-wm .wm-row.selected { background: #f8efe6; }
body.od-wm {
    --au-c1: #b95c00; --au-c2: #c98a0b; --au-c3: #0e8fa3; --au-c4: #149c6b;
    --au-s1: #f7ede3; --au-s2: #f0dbc7; --au-s3: #e5c3a1; --au-s4: #78b1e3; --au-s5: #4a92d4; --au-s6: #b95c00;
}
body.od-wm .au-tab[aria-selected="true"], body.od-wm .au-ed-mode[aria-selected="true"] { color: #b95c00; border-bottom-color: #b95c00; }
body.od-wm .ins-tab.active { color: #b95c00; border-bottom-color: #b95c00; }
body.od-wm .ins-subnav .ins-tab.active { border-left-color: #b95c00; background: #f8efe6; }
body.od-wm .wm-thread-pill { border-radius: 999px; background: #f8efe6; color: #b95c00; }
body.od-wm .wm2-ai.is-on { background: #f8efe6; color: #b95c00; }
body.od-wm .wm2-rail .wm-folder.active .wm2-ico { color: #b95c00; }
body.od-wm .wm2-rail .wm-folder.active .wm-count { background: none; color: #b95c00; }
body.od-wm .wm2 .wm-row.unread .wm-row-from::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: #b95c00; flex-shrink: 0; }
body.od-wm .wm2 .wm-row.unread .wm-row-date { color: #b95c00; font-weight: 500; }
body.od-wm svg [fill="#6d28d9"] { fill: #b95c00; }
body.od-wm svg [stroke="#6d28d9"] { stroke: #b95c00; }
body.od-wm [style*="background:#6d28d9"], body.od-wm [style*="background: #6d28d9"] { background: #b95c00 !important; }
body.od-wm svg [fill="#ede9fe"] { fill: #f7ede3; }
body.od-wm svg [stroke="#ede9fe"] { stroke: #f7ede3; }
body.od-wm [style*="background:#ede9fe"], body.od-wm [style*="background: #ede9fe"] { background: #f7ede3 !important; }
body.od-wm svg [fill="#ddd6fe"] { fill: #f0dbc7; }
body.od-wm svg [stroke="#ddd6fe"] { stroke: #f0dbc7; }
body.od-wm [style*="background:#ddd6fe"], body.od-wm [style*="background: #ddd6fe"] { background: #f0dbc7 !important; }
body.od-wm svg [fill="#c4b5fd"] { fill: #e5c3a1; }
body.od-wm svg [stroke="#c4b5fd"] { stroke: #e5c3a1; }
body.od-wm [style*="background:#c4b5fd"], body.od-wm [style*="background: #c4b5fd"] { background: #e5c3a1 !important; }
body.od-wm .wm2-group.is-on { background: #f8efe6; color: #b95c00; }
body.od-wm .wm2-group.is-on .wm2-ico { color: #b95c00; }
body.od-wm .wm2-rail .wm2-sub.active .wm2-ico { color: #b95c00; }
body.od-wm .wm2-bar.is-last .b { background: #b95c00; }
body.od-wm .wm2-bar.is-last:hover .b { background: #984b00; }
body.od-wm .wm2-wf-name:hover { color: #b95c00; }
body.od-wm .wm2-pill.is-info { background: #f8efe6; color: #b95c00; }
body.od-wm .wm2-crumb a:hover { color: #b95c00; }
body.od-wm .wm2-meter i { display: block; height: 100%; border-radius: inherit; background: #b95c00; }
body.od-wm .wm2-find input:focus { background: #fff; border-color: #b95c00; box-shadow: 0 0 0 3px rgba(185, 92, 0, .14); }
body.od-wm .wm2-av { flex: none; width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: #f8efe6; color: #b95c00; font-size: 12.5px; font-weight: 600; }
body.od-wm .wm2-cred-foot a { color: #b95c00; overflow-wrap: anywhere; }
body.od-wm .wm2-mod:hover { box-shadow: 0 0 0 1px rgba(185, 92, 0, .35), 0 6px 18px rgba(14, 23, 38, .06); text-decoration: none; }
body.od-wm .wm2-mod-ico { flex: none; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: #f8efe6; color: #b95c00; font-size: 16px; }
body.od-wm .wm-page-inner .wm-panel-head .ico, body.od-wm .wm-page-inner .wm-panel-head .ico[style] { background: #f8efe6 !important; color: #b95c00; }
body.od-wm .au-trig-opt:has(input:checked) { border-color: #b95c00; background: #fcf7f2; box-shadow: 0 0 0 1px #b95c00; }
body.od-wm .au-trig-opt:has(input:focus-visible) { outline: 3px solid rgba(185, 92, 0, .3); outline-offset: 2px; }
body.od-wm .au-trig-opt .tt > i { color: #b95c00; }
body.od-wm .au-pal-btn:hover { border-color: #b95c00; background: #f7fafd; }
body.od-wm .wm2-list-ico { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #f8efe6; color: #b95c00; font-size: 17px; }
body.od-wm .wm2-step.is-on::before { background: #b95c00; }
body.od-wm .wm2-step-line.is-on { background: #b95c00; }
body.od-wm .wm2-more { display: inline-block; margin-top: 12px; font-size: 13.5px; color: #b95c00; text-decoration: none; }
body.od-wm .wm2-note-link { display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #f8efe6; color: #b95c00; text-decoration: none; }
body.od-wm .wm2-callout { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: #f5f9fd; box-shadow: 0 0 0 1px rgba(185, 92, 0, .18); }
body.od-wm .wm2-doc i { color: #b95c00; }
body.od-wm .wm-comp-line .wm-cc-toggle { color: #b95c00; font-weight: 500; border-radius: 6px; }
body.od-wm .wm-composer .wm-ai-head { color: #b95c00; }
body.od-wm .wm-composer .wm-ai-chip:hover { border-color: #b95c00; color: #b95c00; }
body.od-wm .wm-composer .wm-ai-btn { background: #f8efe6; color: #b95c00; border: 0; font-weight: 600; }
body.od-wm .wm-comp-line:focus-within { box-shadow: inset 2px 0 0 #b95c00; }
body.od-wm .wm-row.unread .wm2-row-av { background: #b95c00; color: #fff; }
body.od-wm .wm-row.unread .wm-row-date, body.od-wm .wm-row.unread .wm-row-time { color: #b95c00; font-weight: 500; }
body.od-wm .ins2-search:focus-within { box-shadow: 0 0 0 2px rgba(185, 92, 0, .35); }
body.od-wm .ins2-back { font-size: 15px; font-weight: 500; color: #b95c00; text-decoration: none; white-space: nowrap; }
body.od-wm .ins2-av { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 999px; background: #b95c00; color: #fff; font-size: 12px; font-weight: 600; }
body.od-wm .ins2-link.is-on { background: #f8efe6; color: #b95c00; font-weight: 600; }
body.od-wm .ins2-link.is-on svg { color: #b95c00; }
body.od-wm .ins2-btn.is-primary { background: #b95c00; border-color: #b95c00; color: #fff; }
body.od-wm .ins2-btn.is-primary:hover { background: #984b00; }
body.od-wm .ins2-ghost { font-size: 15px; font-weight: 500; color: #b95c00; text-decoration: none; }
body.od-wm .ins2-prod-ico { flex: none; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #f8efe6; color: #b95c00; }
body.od-wm .ins2-steps a:hover { color: #b95c00; text-decoration: underline; }
body.od-wm .ins2-pill.is-info { background: #f8efe6; color: #b95c00; }
body.od-wm .ins2-find:focus-within { border-color: #b95c00; box-shadow: 0 0 0 3px rgba(185, 92, 0, .14); }
body.od-wm a.ins2-mono:hover { color: #b95c00; }
body.od-wm:has(.ins2-nav) .wm-chip-violet { background: #f8efe6; color: #b95c00; }
body.od-wm .ins2-crumb a:hover { color: #b95c00; }
body.od-wm .ins2-niid-form summary { cursor: pointer; font-size: 14px; font-weight: 500; color: #b95c00; }
body.od-wm .ins2-ptabs a.is-on { color: #b95c00; border-bottom-color: #b95c00; font-weight: 500; }
body.od-wm .ins2-ptabs a:focus-visible { outline: 2px solid #b95c00; outline-offset: 2px; border-radius: 4px; }
body.od-wm .ins2-banner { margin: 0; padding: 14px 16px; border-radius: 12px; background: #f8efe6; color: #b95c00; font-size: 14px; line-height: 1.5; }