:root, html[data-wb-theme="light"] {
  --wb-accent:#fbde37; --wb-accent-fg:#2b4358; --wb-action:#fbde37;
  --wb-action-contrast:#203547; --wb-focus:#42627d; --wb-nav-bg:#2b4358; --wb-nav-hover:#3c566b;
  --wb-bg:#edeff7; --wb-surface:#fff; --wb-surface-muted:#f7f8fc; --wb-text:#24394b;
  --wb-muted:#53677a; --wb-border:#d6dce6; --wb-radius:10px;
  --font-sans:"Biennale HW",system-ui,sans-serif;
}
html.dark-mode, html[data-wb-theme="dark"] {
  --wb-accent:#fbde37; --wb-accent-fg:#fbde37; --wb-focus:#fbde37;
  --wb-action-contrast:#203547; --wb-nav-bg:#172a3a; --wb-nav-hover:#30485b;
  --wb-bg:#142332; --wb-surface:#1d3041; --wb-surface-muted:#24394b;
  --wb-text:#f0f3f7; --wb-muted:#b9c7d2; --wb-border:#384f61;
}
@font-face {font-family:"Biennale HW";src:url("../fonts/Biennale-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face {font-family:"Biennale HW";src:url("../fonts/Biennale-SemiBold.woff2") format("woff2");font-weight:600 800;font-display:swap}
html body, html body #layout-menu, html body #layout-sidebar .header, html body button, html body input {font-family:var(--font-sans)}
@media(min-width:769px) {
 html body #layout-menu .popover-header {display:flex!important;align-items:center;justify-content:center;flex:0 0 58px;background:var(--wb-nav-bg)!important}
 html body #layout-menu .popover-header #logo {display:block!important;width:32px;height:32px;object-fit:contain}
 #layout-menu #taskmenu {padding-top:2px}
}
html body #layout-menu,html body #layout-menu #taskmenu,html body #layout-menu .special-buttons {background-color:var(--wb-nav-bg)!important}
html body #layout-menu #taskmenu a.compose,html body #rcmloginsubmit,html body button.btn.btn-primary,html body input.btn.btn-primary {background:var(--wb-accent)!important;color:#203547!important;border-color:var(--wb-accent)!important}
html body #layout-menu #taskmenu a.compose:before {background-color:#203547!important}
html body #layout-sidebar #mailboxlist li.selected>a,html body #layout-sidebar #mailboxlist li.selected>a .name {background:var(--wb-nav-hover);color:#fff}
html body #layout-sidebar #mailboxlist li .unreadcount {color:#203547!important;background:#fbde37!important}
html body #messagelist tr.message td.subject .wb-avatar {background:#e4eaf0;color:#2b4358}
html.dark-mode body #messagelist tr.message td.subject .wb-avatar {background:#354e62;color:#f5f7fa}
html body #messagelist tr.selected>td {background:#e7edf3;color:#24394b}
html.dark-mode body #messagelist tr.selected>td {background:#30485b;color:#f0f3f7}
@media(min-width:769px) {
 html body #layout-menu #taskmenu a .inner {visibility:visible}
 html body #layout-menu .popover-header a.cancel {display:none}
}
html body #messagelist tr.message.selected td:first-child {box-shadow:inset 3px 0 #fbde37}
html body #messagelist tr.message.unread:not(.selected) td:first-child {box-shadow:inset 3px 0 #98a9b8}
/* Keep the selected subject legible against the blue selection in dark mode. */
html.dark-mode body #messagelist tr.message.selected td.subject .subject a,
html.dark-mode body #messagelist tr.message.selected td.subject .subject .msgicon {color:#f0f3f7!important}
html.dark-mode body #messagelist tr.message.selected td.subject .fromto,
html.dark-mode body #messagelist tr.message.selected td.subject .date {color:#d1dce6}
html.dark-mode #message-header a {color:#a9cde8}
html.dark-mode, html.dark-mode body, html.dark-mode .scroller, html.dark-mode .iframe-wrapper {scrollbar-color:#526b80 #203243}
html.dark-mode ::-webkit-scrollbar-thumb {background-color:#526b80!important}
body.task-login #layout .wb-login.hw-login {display:block;width:min(30rem,94vw);min-height:0;margin:auto}
body.task-login .hw-login .wb-login-card {padding:clamp(1.4rem,4vw,2.8rem)}
body.task-login #hw-login-logo {display:block;width:min(13rem,90%);height:auto;margin:0 0 2rem}
body.task-login .hw-login .wb-welcome {margin-bottom:1.4rem}