:root{--sanum-ink:#1c1c1c;--sanum-ink-2:#2b2b2b;--sanum-paper:#f7f9fc;--sanum-panel:#ffffff;--sanum-line:#e7e8ed;--sanum-muted:#667085;--sanum-text:#344054;--sanum-accent:#3957ff;--sanum-accent-soft:#f1f3ff;--sanum-blue:#2457a6;--sanum-green:#15803d}
html,body{background:var(--sanum-paper);color:var(--sanum-ink)}
body{font-family:Roboto,Arial,sans-serif}
#layout{background:var(--sanum-paper)}
#taskmenu{background:var(--sanum-ink)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(25,27,38,.08)}
#taskmenu a,#taskmenu button{color:#fff!important}
#taskmenu a:hover,#taskmenu button:hover,#taskmenu a.selected{background:rgba(14,165,233,.15)!important;color:#fff!important}
#taskmenu a.selected:before,#taskmenu .selected .inner{color:var(--sanum-accent)!important}
#layout-sidebar,#layout-list,#layout-content{background:var(--sanum-panel)}
#layout-sidebar{border-right:1px solid var(--sanum-line)}
#layout-list{border-right:1px solid var(--sanum-line)}
#layout-sidebar .header,#layout-list .header,#layout-content .header,.toolbar{background:#fff!important;border-color:var(--sanum-line)!important}
.toolbar a.button,.toolbar button,.menu.toolbar a,.menu.toolbar button{color:var(--sanum-ink)!important;border-radius:10px}
.toolbar a.button:hover,.toolbar button:hover,.menu.toolbar a:hover,.menu.toolbar button:hover{background:var(--sanum-accent-soft)!important;color:var(--sanum-ink)!important}
.folderlist li a{border-radius:10px;margin:2px 8px;color:var(--sanum-text)!important}
.folderlist li a:hover{background:#f6f6f1!important;color:var(--sanum-ink)!important}
.folderlist li.selected>a{background:var(--sanum-accent-soft)!important;color:var(--sanum-ink)!important;font-weight:700}
.listing li,.listing tbody tr{border-color:var(--sanum-line)!important}
.listing li:hover,.listing tbody tr:hover{background:#fbfcfe!important}
.listing li.selected,.listing tbody tr.selected{background:var(--sanum-accent-soft)!important;color:var(--sanum-ink)!important}
#messagelist .subject span.subject{font-weight:600;color:var(--sanum-ink)}
#messagelist .unread .subject span.subject{font-weight:800}
.searchbar,.searchbox input,.form-control,input,select,textarea{border-radius:12px!important;border-color:#d8dee8!important;box-shadow:none!important}
.searchbar:focus-within,.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--sanum-accent)!important;box-shadow:0 0 0 3px rgba(14,165,233,.12)!important}
.btn-primary,.button.mainaction,input.button.mainaction{background:var(--sanum-ink)!important;border-color:var(--sanum-ink)!important;color:#fff!important;border-radius:12px!important;font-weight:700}
.btn-primary:hover,.button.mainaction:hover,input.button.mainaction:hover{background:var(--sanum-accent)!important;border-color:var(--sanum-accent)!important;color:var(--sanum-ink)!important}
a{color:var(--sanum-blue)}
#message-header{background:#fff;border-bottom:1px solid var(--sanum-line)}
#message-header .subject{color:var(--sanum-ink);font-weight:800}
.message-part{background:#fff}
.popover,.dropdown-menu,.menu{border:1px solid var(--sanum-line)!important;border-radius:14px!important;box-shadow:0 16px 40px rgba(25,27,38,.14)!important}
.popupmenu a:hover,.dropdown-menu a:hover{background:var(--sanum-accent-soft)!important}
#login-form{max-width:430px;margin:auto;background:#fff;border:1px solid var(--sanum-line);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(25,27,38,.10)}
.task-login #layout-content{background:linear-gradient(135deg,#f7f9fc 0%,#fff 55%,#f1f3ff 100%)}
.task-login #logo{width:190px!important;height:auto!important;margin:0 auto 24px!important;display:block}
.task-login #login-form .formbuttons{margin-top:20px}
.task-login #login-footer{margin-top:24px;color:var(--sanum-muted)}
.sanum-login-intro{text-align:center;margin:-8px 0 22px;color:var(--sanum-muted);font-size:14px;line-height:1.5}
.sanum-reset-link{text-align:center;margin:16px 0 0}
.sanum-reset-link a{font-weight:700;color:var(--sanum-ink);text-decoration:none}
.sanum-reset-link a:hover{color:var(--sanum-accent)}
html.dark-mode body,html.dark-mode #layout{background:#060b14;color:#f7f9fc}
html.dark-mode #layout-sidebar,html.dark-mode #layout-list,html.dark-mode #layout-content,html.dark-mode .toolbar,html.dark-mode #message-header,html.dark-mode .message-part{background:#1c1c1c!important;color:#f7f9fc!important;border-color:#263940!important}
html.dark-mode .folderlist li.selected>a,html.dark-mode .listing li.selected,html.dark-mode .listing tbody tr.selected{background:rgba(14,165,233,.18)!important;color:#fff!important}
html.dark-mode .folderlist li a,html.dark-mode .toolbar a.button,html.dark-mode .toolbar button{color:#f7f9fc!important}
@media(max-width:768px){#login-form{margin:20px 14px;padding:26px 22px}.task-login #logo{width:160px!important}}

.task-login #logo{top:0!important;position:relative!important;max-height:none!important}
#layout-menu .popover-header #logo{width:160px!important;height:auto!important;max-height:44px!important;object-fit:contain;margin:8px 12px}
#layout-menu .popover-header{background:#fff!important;border-bottom:1px solid var(--sanum-line)!important;min-height:60px}
html.dark-mode #layout-menu .popover-header{background:#1c1c1c!important;border-color:#263940!important}
html.dark-mode #layout-menu .popover-header #logo{filter:brightness(0) invert(1);opacity:.95}

/* Sanum login controls */
.task-login #login-form input.form-control{height:52px;border:1px solid #d8dee8!important;border-radius:12px!important;background:#fff!important;color:#1c1c1c!important;box-shadow:none!important;font-size:17px;padding:0 16px!important}
.task-login #login-form input.form-control:focus{border-color:#3957ff!important;box-shadow:0 0 0 3px rgba(14,165,233,.14)!important;outline:0!important}
.task-login #login-form .input-group-text,.task-login #login-form .input-group-prepend span{background:#f7f9fc!important;border-color:#d8dee8!important;color:#1c1c1c!important;border-radius:12px 0 0 12px!important}
.task-login #login-form .btn-primary,.task-login #login-form input.button.mainaction,.task-login #login-form button.mainaction{height:52px!important;border:0!important;border-radius:12px!important;background:#1c1c1c!important;color:#fff!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:0 8px 20px rgba(25,27,38,.14)!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
.task-login #login-form .btn-primary:hover,.task-login #login-form input.button.mainaction:hover,.task-login #login-form button.mainaction:hover{background:#3957ff!important;color:#1c1c1c!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(14,165,233,.2)!important}
.task-login #login-form a{color:#1c1c1c!important}
.task-login #login-form a:hover{color:#3957ff!important}
.task-login #login-footer{font-size:14px!important}

/* Sanum full mailbox interface */
@media screen and (min-width:1025px){#layout-menu{width:92px!important}#taskmenu a{width:92px!important}}
#layout-menu{background:#1c1c1c!important;border:0!important;box-shadow:10px 0 32px rgba(25,27,38,.08)!important}
#layout-menu .popover-header{height:76px!important;min-height:76px!important;line-height:76px!important;background:#1c1c1c!important;border:0!important}
#layout-menu .popover-header #logo{width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important;padding:0!important;margin:12px auto!important;filter:none!important;opacity:1!important}
#taskmenu{background:#1c1c1c!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#taskmenu a{position:relative;color:#f7f9fc!important;border:0!important;transition:background .15s ease,color .15s ease!important}
#taskmenu a:hover,#taskmenu a:focus{background:rgba(255,255,255,.06)!important;color:#fff!important}
#taskmenu a.selected{background:rgba(14,165,233,.14)!important;color:#fff!important}
#taskmenu a.selected:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#3957ff}
#taskmenu .action-buttons{display:block;padding:8px 7px 6px}
#taskmenu .action-buttons a{background:#3957ff!important;color:#1c1c1c!important;border-radius:13px!important;margin:0 auto 7px!important;width:calc(100% - 8px)!important;box-shadow:0 7px 18px rgba(14,165,233,.18)!important}
#taskmenu .action-buttons a:hover{background:#6f82ff!important;color:#1c1c1c!important;transform:translateY(-1px)}
#taskmenu .special-buttons{background:#1c1c1c!important}
#taskmenu a.logout{color:#a9c4ff!important}
#layout-sidebar,#layout-list,#layout-content{background:#fff!important}
#layout-sidebar{border-right:1px solid #e6eaf0!important}
#layout-list{border-right:1px solid #e6eaf0!important}
#layout-sidebar>.header,#layout-list>.header,#layout-content>.header{background:#fbfcfe!important;border-color:#e6eaf0!important;box-shadow:none!important}
#layout-sidebar>.header{font-weight:800;color:#1c1c1c!important}
#layout-sidebar>.header a,#layout-list>.header a,#layout-content>.header a{color:#1c1c1c!important}
ul.treelist li.selected>div>a,ul.treelist li.selected>a{background:#f1f3ff!important;color:#1c1c1c!important;font-weight:800!important;box-shadow:inset 4px 0 0 #3957ff}
ul.treelist li>div>a:hover,ul.treelist li>a:hover{background:#f7f9fc!important;color:#1c1c1c!important}
.folderlist li a:before{color:#344054!important}.folderlist li.selected>a:before,.folderlist li.selected>div>a:before{color:#3957ff!important}
#layout-list .searchbar{background:#fff!important;border-bottom:1px solid #e6eaf0!important}
#layout-list .searchbar input{background:#fff!important;color:#1c1c1c!important}
.listing tbody td,.listing li{border-bottom-color:#edf0f4!important}
.listing li.selected,.listing tr.selected td{background:#f3f4ff!important;color:#1c1c1c!important}
.listing li.selected,.listing tr.selected td:first-child{box-shadow:inset 3px 0 0 #3957ff}
.listing li:hover,.listing tbody tr:hover{background:#fbfcfe!important}
#messagelist .unread td,#messagelist .unread .subject{font-weight:800!important;color:#1c1c1c!important}
#messagelist .date{color:#667085!important}
.toolbar{background:#fbfcfe!important;border-color:#e6eaf0!important}
.toolbar a.button,.toolbar button{color:#1c1c1c!important}
.toolbar a.button:hover,.toolbar button:hover{background:#f1f3ff!important;color:#1c1c1c!important}
.toolbar a.button:before,.toolbar button:before{color:inherit!important}
#layout-content>.header{min-height:64px!important}
#layout-content .iframe-wrapper,#layout-content>.content{background:#fff!important}
#layout-content:has(.iframe-wrapper:empty){background:#fbfcfe!important}
#message-header{background:#fbfcfe!important;border-bottom:1px solid #e6eaf0!important}
#message-header .subject{color:#1c1c1c!important}
#messagestack .alert{border-radius:12px!important}
.floating-action-buttons a.button{background:#3957ff!important;color:#1c1c1c!important}
@media screen and (max-width:1024px){#layout-menu .popover-header #logo{width:38px!important;height:38px!important;margin:10px auto!important}#taskmenu .action-buttons{padding:5px 2px}#taskmenu .action-buttons a{border-radius:10px!important;width:38px!important}}

/* Sanum settings, security and forms */
body.task-settings .listing li.selected,
body.task-settings .listing tr.selected td,
body.task-settings ul.treelist li.selected > a,
body.task-settings ul.treelist li.selected > div > a{background:#f3f4ff!important;color:#1c1c1c!important;border-left:3px solid #3957ff!important}
body.task-settings .listing li:hover,
body.task-settings ul.treelist li>a:hover{background:#fbfcfe!important;color:#1c1c1c!important}
body.task-settings .btn-primary,
body.task-settings button.btn-primary,
body.task-settings input.btn-primary,
body.task-settings .button.mainaction,
body.task-settings button.mainaction,
body.task-settings input.button.mainaction{background:#1c1c1c!important;border-color:#1c1c1c!important;color:#fff!important;border-radius:10px!important;font-weight:800!important;box-shadow:none!important}
body.task-settings .btn-primary:hover,
body.task-settings button.btn-primary:hover,
body.task-settings input.btn-primary:hover,
body.task-settings .button.mainaction:hover,
body.task-settings button.mainaction:hover,
body.task-settings input.button.mainaction:hover{background:#3957ff!important;border-color:#3957ff!important;color:#1c1c1c!important}
body.task-settings .custom-control-input:checked~.custom-control-label:before,
body.task-settings .custom-switch .custom-control-input:checked~.custom-control-label:before{background-color:#3957ff!important;border-color:#3957ff!important}
body.task-settings .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 3px rgba(14,165,233,.15)!important;border-color:#3957ff!important}
body.task-settings .custom-switch .custom-control-label:before{background:#e7e8ed!important;border-color:#d6d7dc!important}
body.task-settings .custom-switch .custom-control-input:checked~.custom-control-label:after{background:#fff!important}
body.task-settings .form-control:focus,
body.task-settings .custom-select:focus{border-color:#3957ff!important;box-shadow:0 0 0 3px rgba(14,165,233,.12)!important}
body.task-settings .boxwarning{background:#eef9ff!important;border:1px solid #b9e8ff!important;border-left:4px solid #3957ff!important;color:#344054!important;border-radius:10px!important}
body.task-settings .boxwarning a{color:#1c1c1c!important;font-weight:700!important}
body.task-settings h2,body.task-settings h3{color:#1c1c1c!important}
body.task-settings .footer .button,body.task-settings .formbuttons .button{border-radius:10px!important}
body.task-settings .success,body.task-settings .boxsuccess{background:#e9f8ef!important;border-color:#b9e8cb!important;color:#15803d!important}

/* Sanum brand lock: remove Roundcube/Bootstrap blue accents */
:root{--sanum-blue:#3b6fc5!important}
a,a:visited{color:#2036ba!important}
a:hover,a:focus{color:#3957ff!important}
#rcmloginsubmit,
.task-login #rcmloginsubmit,
.task-login #login-form button#rcmloginsubmit,
.task-login #login-form .button.mainaction.submit{
  background:#3957ff!important;
  background-image:none!important;
  border:1px solid #3957ff!important;
  color:#1c1c1c!important;
  box-shadow:0 10px 26px rgba(14,165,233,.28)!important;
}
#rcmloginsubmit:hover,#rcmloginsubmit:focus,
.task-login #login-form button#rcmloginsubmit:hover,
.task-login #login-form button#rcmloginsubmit:focus{
  background:#6f82ff!important;
  border-color:#6f82ff!important;
  color:#1c1c1c!important;
  box-shadow:0 0 0 3px rgba(14,165,233,.20),0 12px 30px rgba(14,165,233,.24)!important;
}
.task-login #login-form a,.task-login #login-form a:visited{color:#2036ba!important}
.task-login #login-form a:hover,.task-login #login-form a:focus{color:#1c1c1c!important}
.btn-primary,.btn-primary:active,.btn-primary.active,
.button.mainaction,input.button.mainaction,button.mainaction,
.floating-action-buttons a.button{
  background-color:#3957ff!important;
  background-image:none!important;
  border-color:#3957ff!important;
  color:#1c1c1c!important;
}
.btn-primary:hover,.btn-primary:focus,
.button.mainaction:hover,input.button.mainaction:hover,button.mainaction:hover{
  background-color:#6f82ff!important;
  border-color:#6f82ff!important;
  color:#1c1c1c!important;
}
.nav-link.active,.nav-tabs .nav-link.active,.dropdown-item.active,.dropdown-item:active,
.listing li.selected,.listing tbody tr.selected,.listing tr.selected td,
ul.treelist li.selected>a,ul.treelist li.selected>div>a{
  background-color:#f1f3ff!important;
  color:#1c1c1c!important;
  border-color:#3957ff!important;
}
.custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before{
  background-color:#3957ff!important;
  border-color:#3957ff!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:#3957ff!important;
  box-shadow:0 0 0 3px rgba(14,165,233,.14)!important;
}

/* Sanum Mail full interface brand lock 2026-11-01 */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #taskmenu,
html:not(.dark-mode) #taskmenu .special-buttons {
  background:#1c1c1c!important;
  border-color:#1c1c1c!important;
}
#taskmenu a,
#taskmenu a:before,
#taskmenu span.inner {
  color:#f7f9fc!important;
}
#taskmenu a.compose,
#taskmenu .action-buttons a.compose {
  background:#3957ff!important;
  color:#1c1c1c!important;
  border-radius:12px!important;
  margin:8px 7px!important;
  width:calc(100% - 14px)!important;
}
#taskmenu a.compose:before,
#taskmenu a.compose span.inner,
#taskmenu .action-buttons a.compose:before,
#taskmenu .action-buttons a.compose span.inner {
  color:#1c1c1c!important;
}
#taskmenu a.compose:hover,
#taskmenu .action-buttons a.compose:hover {
  background:#6f82ff!important;
  color:#1c1c1c!important;
}
#taskmenu a.selected:not(.compose) {
  background:rgba(14,165,233,.18)!important;
  color:#a9c4ff!important;
  box-shadow:inset 4px 0 0 #3957ff!important;
}
#taskmenu a.selected:not(.compose):before,
#taskmenu a.selected:not(.compose) span.inner {
  color:#a9c4ff!important;
}
#taskmenu a.about,
#taskmenu a.theme {
  color:#f7f9fc!important;
}
#taskmenu a.about:hover,
#taskmenu a.theme:hover {
  background:rgba(14,165,233,.12)!important;
  color:#a9c4ff!important;
}
#layout-sidebar ul.treelist li.selected,
#layout-sidebar ul.treelist li.selected > a,
#layout-sidebar ul.treelist li.selected > div > a,
#layout-sidebar .folderlist li.selected,
#layout-sidebar .folderlist li.selected > a {
  background:#f1f3ff!important;
  color:#1c1c1c!important;
}
#layout-sidebar ul.treelist li.selected > a,
#layout-sidebar ul.treelist li.selected > div > a,
#layout-sidebar .folderlist li.selected > a {
  box-shadow:inset 4px 0 0 #3957ff!important;
  font-weight:800!important;
}
#layout-sidebar .folderlist li.selected > a:before,
#layout-sidebar ul.treelist li.selected > a:before,
#layout-sidebar ul.treelist li.selected > div > a:before {
  color:#3b6fc5!important;
}
#layout-sidebar .folderlist li > a:hover,
#layout-sidebar ul.treelist li > a:hover,
#layout-sidebar ul.treelist li > div > a:hover {
  background:#f3f4ff!important;
  color:#1c1c1c!important;
}
#layout-list .listing tr.selected td,
#layout-list .listing li.selected,
#messagelist tr.selected td {
  background:#f3f4ff!important;
  color:#1c1c1c!important;
}
#messagelist tr.selected td:first-child,
#layout-list .listing tr.selected td:first-child {
  box-shadow:inset 3px 0 0 #3957ff!important;
}
#layout-list .searchbar a.selected,
.searchbar a.selected,
.menu.toolbar a.selected {
  color:#3b6fc5!important;
}
.toolbar a.button.active,
.toolbar a.button:hover,
.toolbar button:hover,
.toolbar .button.selected {
  background:#f1f3ff!important;
  color:#1c1c1c!important;
}
.toolbar a.button.active:before,
.toolbar a.button:hover:before,
.toolbar .button.selected:before {
  color:#3b6fc5!important;
}
a:not(.button):not(.disabled) { color:#0879c9; }
a:not(.button):not(.disabled):hover { color:#075f9e; }
.floating-action-buttons a.button,
.floating-action-buttons a.button.compose {
  background:#3957ff!important;
  color:#1c1c1c!important;
}
.badge-primary,.bg-primary { background-color:#3957ff!important;color:#1c1c1c!important; }
.text-primary { color:#0879c9!important; }
.border-primary { border-color:#3957ff!important; }
.custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before {
  background-color:#3957ff!important;
  border-color:#3957ff!important;
}
.page-item.active .page-link {
  background:#3957ff!important;
  border-color:#3957ff!important;
  color:#1c1c1c!important;
}
#layout-content:empty,
#layout-content .iframe-wrapper:empty {
  background:#fbfcfe!important;
}


/* Sanum Webdesign brand + login alignment 2026-11-01 */
:root{--swd-cyan:#00b7f0;--swd-blue:#0087f0;--swd-deep:#006fdf;--swd-soft:#eef9ff;--swd-ink:#122033;--swd-line:#dceaf5}
body.task-login{overflow:auto!important;background:#f7fbff!important}
.task-login #layout-content.selected.no-navbar{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;height:auto!important;padding:32px 18px!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 12%,#ffffff 0,#f8fcff 38%,#eef8ff 100%)!important}
.task-login #logo{position:static!important;top:auto!important;width:260px!important;height:72px!important;max-width:260px!important;max-height:72px!important;object-fit:contain!important;border-radius:0!important;margin:0 0 24px!important;padding:0!important;background:transparent!important;box-shadow:none!important;flex:0 0 auto!important}
.task-login #login-form{width:100%!important;max-width:460px!important;margin:0!important;padding:32px!important;border:1px solid var(--swd-line)!important;border-radius:22px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 55px rgba(23,79,123,.11)!important;box-sizing:border-box!important}
.sanum-login-intro{margin:0 0 22px!important;color:#52657a!important;font-size:15px!important;font-weight:500!important;text-align:center!important}
.task-login #login-form input.form-control{height:54px!important;border-color:#d7e5f0!important;border-radius:12px!important;font-size:16px!important}
.task-login #login-form input.form-control:focus{border-color:var(--swd-blue)!important;box-shadow:0 0 0 3px rgba(0,135,240,.13)!important}
#rcmloginsubmit,.task-login #rcmloginsubmit,.task-login #login-form button#rcmloginsubmit,.task-login #login-form .button.mainaction.submit{height:54px!important;background:linear-gradient(135deg,var(--swd-cyan),var(--swd-blue) 55%,var(--swd-deep))!important;border:0!important;color:#fff!important;border-radius:12px!important;box-shadow:0 10px 26px rgba(0,135,240,.22)!important;font-weight:800!important}
#rcmloginsubmit:hover,#rcmloginsubmit:focus,.task-login #login-form button#rcmloginsubmit:hover,.task-login #login-form button#rcmloginsubmit:focus{background:linear-gradient(135deg,#19c6f2,#137fe8 60%,#075fc5)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(0,135,240,.14),0 12px 30px rgba(0,112,224,.24)!important}
.sanum-reset-link{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:18px 0 0!important;color:#91a0af!important}
.task-login #login-form .sanum-reset-link a,.task-login #login-form .sanum-reset-link a:visited{color:#087ccf!important;font-weight:700!important;text-decoration:none!important}
.task-login #login-form .sanum-reset-link a:hover,.task-login #login-form .sanum-reset-link a:focus{color:#005ea8!important;text-decoration:underline!important}
#layout-menu .popover-header #logo{border-radius:50%!important;object-fit:cover!important;background:#fff!important}
@media(max-width:520px){.task-login #layout-content.selected.no-navbar{justify-content:flex-start!important;padding-top:38px!important}.task-login #logo{width:220px!important;height:62px!important;max-width:220px!important;max-height:62px!important;object-fit:contain!important;border-radius:0!important;margin-bottom:20px!important}.task-login #login-form{padding:25px 20px!important;border-radius:18px!important}}

/* Sanum Webdesign isolated brand lock 2026-11-01 */
:root{--sanum-ink:#10233b;--sanum-ink-2:#173452;--sanum-accent:#0e8ff0;--sanum-accent-soft:#eaf7ff;--sanum-blue:#0879c9;--sanum-green:#15803d}
.task-login #layout-content{background:linear-gradient(135deg,#f7fcff 0%,#ffffff 55%,#eaf7ff 100%)!important}
#rcmloginsubmit,.task-login #rcmloginsubmit,.task-login #login-form button#rcmloginsubmit,.task-login #login-form .button.mainaction.submit{background:linear-gradient(90deg,#13bff1 0%,#0e8ff0 55%,#176ff2 100%)!important;border:0!important;color:#fff!important;box-shadow:0 10px 26px rgba(14,143,240,.24)!important}
#rcmloginsubmit:hover,#rcmloginsubmit:focus,.task-login #login-form button#rcmloginsubmit:hover,.task-login #login-form button#rcmloginsubmit:focus{background:linear-gradient(90deg,#0faedc 0%,#087fd8 55%,#125fd5 100%)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(14,165,233,.16),0 12px 30px rgba(14,143,240,.22)!important}
.task-login #login-form a,.task-login #login-form a:visited{color:#0879c9!important}.task-login #login-form a:hover,.task-login #login-form a:focus{color:#0e8ff0!important}
#taskmenu a.selected:not(.compose){background:rgba(14,165,233,.15)!important;color:#8bdcff!important;box-shadow:inset 4px 0 0 #13bff1!important}
#taskmenu a.compose,#taskmenu .action-buttons a.compose,.floating-action-buttons a.button,.floating-action-buttons a.button.compose{background:linear-gradient(135deg,#13bff1,#0e8ff0 55%,#176ff2)!important;color:#fff!important}
ul.treelist li.selected>div>a,ul.treelist li.selected>a,#layout-list .listing tr.selected td,#layout-list .listing li.selected,#messagelist tr.selected td{background:#eaf7ff!important;color:#10233b!important}
.sanum-reset-link a{color:#0879c9!important}.sanum-reset-link a:hover{color:#0e8ff0!important}

/* halaltime.nl branding */
:root{--swd-blue:#0b2b55!important;--swd-cyan:#0b2b55!important;--swd-deep:#0b2b55!important}
.task-login #logo{width:min(330px,72vw)!important;height:96px!important;max-width:330px!important;max-height:96px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#rcmloginsubmit,.task-login #rcmloginsubmit,.task-login #login-form button#rcmloginsubmit{background:#0b2b55!important;color:#fff!important}
/* hostey-brand-ui:start */
:root{--hostey-brand:#0b2b55;--hostey-brand-soft:rgba(11,43,85,.11);--hostey-brand-soft-strong:rgba(11,43,85,.17);}
#layout-menu .popover-header #logo{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;padding:6px!important;border-radius:12px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;}
#taskmenu a.compose,#taskmenu .action-buttons a.compose,.floating-action-buttons a.button,.floating-action-buttons a.button.compose{background:var(--hostey-brand)!important;color:#ffffff!important;}
#taskmenu a.compose:before,#taskmenu a.compose span.inner,#taskmenu .action-buttons a.compose:before,#taskmenu .action-buttons a.compose span.inner{color:#ffffff!important;}
#taskmenu a.selected:not(.compose){background:var(--hostey-brand-soft-strong)!important;box-shadow:inset 4px 0 0 var(--hostey-brand)!important;}
#taskmenu a.selected:not(.compose):before,#taskmenu a.selected:not(.compose) span.inner,#taskmenu a.about:hover,#taskmenu a.theme:hover{color:var(--hostey-brand)!important;}
#layout-sidebar ul.treelist li.selected,#layout-sidebar ul.treelist li.selected>a,#layout-sidebar ul.treelist li.selected>div>a,#layout-sidebar .folderlist li.selected,#layout-sidebar .folderlist li.selected>a,#layout-list .listing tr.selected td,#layout-list .listing li.selected,#messagelist tr.selected td{background:var(--hostey-brand-soft)!important;}
#layout-sidebar ul.treelist li.selected>a,#layout-sidebar ul.treelist li.selected>div>a,#layout-sidebar .folderlist li.selected>a,#messagelist tr.selected td:first-child,#layout-list .listing tr.selected td:first-child{box-shadow:inset 4px 0 0 var(--hostey-brand)!important;}
#layout-sidebar .folderlist li.selected>a:before,#layout-sidebar ul.treelist li.selected>a:before,#layout-sidebar ul.treelist li.selected>div>a:before,#layout-list .searchbar a.selected,.searchbar a.selected,.menu.toolbar a.selected,.toolbar a.button:hover:before,.toolbar .button.selected:before{color:var(--hostey-brand)!important;}
.toolbar a.button.active,.toolbar a.button:hover,.toolbar button:hover,.toolbar .button.selected{background:var(--hostey-brand-soft)!important;}
.badge-primary,.bg-primary,.page-item.active .page-link,.custom-control-input:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:checked~.custom-control-label:before,.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:var(--hostey-brand)!important;border-color:var(--hostey-brand)!important;}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--hostey-brand)!important;box-shadow:0 0 0 3px rgba(11,43,85,.17)!important;}
/* hostey-brand-ui:end */