:root{--hostey-ink:#191b26;--hostey-ink-2:#2a2d39;--hostey-paper:#f7f7f2;--hostey-panel:#ffffff;--hostey-line:#e7e8ed;--hostey-muted:#777985;--hostey-text:#505261;--hostey-accent:#ff6b57;--hostey-accent-soft:#ffe3df;--hostey-blue:#326a98;--hostey-green:#177745}
html,body{background:var(--hostey-paper);color:var(--hostey-ink)}
body{font-family:Roboto,Arial,sans-serif}
#layout{background:var(--hostey-paper)}
#taskmenu{background:var(--hostey-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(255,107,87,.15)!important;color:#fff!important}
#taskmenu a.selected:before,#taskmenu .selected .inner{color:var(--hostey-accent)!important}
#layout-sidebar,#layout-list,#layout-content{background:var(--hostey-panel)}
#layout-sidebar{border-right:1px solid var(--hostey-line)}
#layout-list{border-right:1px solid var(--hostey-line)}
#layout-sidebar .header,#layout-list .header,#layout-content .header,.toolbar{background:#fff!important;border-color:var(--hostey-line)!important}
.toolbar a.button,.toolbar button,.menu.toolbar a,.menu.toolbar button{color:var(--hostey-ink)!important;border-radius:10px}
.toolbar a.button:hover,.toolbar button:hover,.menu.toolbar a:hover,.menu.toolbar button:hover{background:var(--hostey-accent-soft)!important;color:var(--hostey-ink)!important}
.folderlist li a{border-radius:10px;margin:2px 8px;color:var(--hostey-text)!important}
.folderlist li a:hover{background:#f6f6f1!important;color:var(--hostey-ink)!important}
.folderlist li.selected>a{background:var(--hostey-accent-soft)!important;color:var(--hostey-ink)!important;font-weight:700}
.listing li,.listing tbody tr{border-color:var(--hostey-line)!important}
.listing li:hover,.listing tbody tr:hover{background:#fbfbf8!important}
.listing li.selected,.listing tbody tr.selected{background:var(--hostey-accent-soft)!important;color:var(--hostey-ink)!important}
#messagelist .subject span.subject{font-weight:600;color:var(--hostey-ink)}
#messagelist .unread .subject span.subject{font-weight:800}
.searchbar,.searchbox input,.form-control,input,select,textarea{border-radius:12px!important;border-color:#dedfd7!important;box-shadow:none!important}
.searchbar:focus-within,.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--hostey-accent)!important;box-shadow:0 0 0 3px rgba(255,107,87,.12)!important}
.btn-primary,.button.mainaction,input.button.mainaction{background:var(--hostey-ink)!important;border-color:var(--hostey-ink)!important;color:#fff!important;border-radius:12px!important;font-weight:700}
.btn-primary:hover,.button.mainaction:hover,input.button.mainaction:hover{background:var(--hostey-accent)!important;border-color:var(--hostey-accent)!important;color:var(--hostey-ink)!important}
a{color:var(--hostey-blue)}
#message-header{background:#fff;border-bottom:1px solid var(--hostey-line)}
#message-header .subject{color:var(--hostey-ink);font-weight:800}
.message-part{background:#fff}
.popover,.dropdown-menu,.menu{border:1px solid var(--hostey-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(--hostey-accent-soft)!important}
#login-form{max-width:430px;margin:auto;background:#fff;border:1px solid var(--hostey-line);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(25,27,38,.10)}
.task-login #layout-content{background:linear-gradient(135deg,#f7f7f2 0%,#fff 55%,#ffe3df 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(--hostey-muted)}
.hostey-login-intro{text-align:center;margin:-8px 0 22px;color:var(--hostey-muted);font-size:14px;line-height:1.5}
.hostey-reset-link{text-align:center;margin:16px 0 0}
.hostey-reset-link a{font-weight:700;color:var(--hostey-ink);text-decoration:none}
.hostey-reset-link a:hover{color:var(--hostey-accent)}
html.dark-mode body,html.dark-mode #layout{background:#11131a;color:#f7f7f2}
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:#191b26!important;color:#f7f7f2!important;border-color:#30333e!important}
html.dark-mode .folderlist li.selected>a,html.dark-mode .listing li.selected,html.dark-mode .listing tbody tr.selected{background:rgba(255,107,87,.18)!important;color:#fff!important}
html.dark-mode .folderlist li a,html.dark-mode .toolbar a.button,html.dark-mode .toolbar button{color:#f7f7f2!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(--hostey-line)!important;min-height:60px}
html.dark-mode #layout-menu .popover-header{background:#191b26!important;border-color:#30333e!important}
html.dark-mode #layout-menu .popover-header #logo{filter:brightness(0) invert(1);opacity:.95}

/* Hostey login controls */
.task-login #login-form input.form-control{height:52px;border:1px solid #d9d9d2!important;border-radius:12px!important;background:#fff!important;color:#191b26!important;box-shadow:none!important;font-size:17px;padding:0 16px!important}
.task-login #login-form input.form-control:focus{border-color:#ff6b57!important;box-shadow:0 0 0 3px rgba(255,107,87,.14)!important;outline:0!important}
.task-login #login-form .input-group-text,.task-login #login-form .input-group-prepend span{background:#f7f7f2!important;border-color:#d9d9d2!important;color:#191b26!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:#191b26!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:#ff6b57!important;color:#191b26!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,107,87,.2)!important}
.task-login #login-form a{color:#191b26!important}
.task-login #login-form a:hover{color:#ff6b57!important}
.task-login #login-footer{font-size:14px!important}

/* Hostey full mailbox interface */
@media screen and (min-width:1025px){#layout-menu{width:92px!important}#taskmenu a{width:92px!important}}
#layout-menu{background:#191b26!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:#191b26!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:#191b26!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#taskmenu a{position:relative;color:#f7f7f2!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(255,107,87,.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:#ff6b57}
#taskmenu .action-buttons{display:block;padding:8px 7px 6px}
#taskmenu .action-buttons a{background:#ff6b57!important;color:#191b26!important;border-radius:13px!important;margin:0 auto 7px!important;width:calc(100% - 8px)!important;box-shadow:0 7px 18px rgba(255,107,87,.18)!important}
#taskmenu .action-buttons a:hover{background:#ff806f!important;color:#191b26!important;transform:translateY(-1px)}
#taskmenu .special-buttons{background:#191b26!important}
#taskmenu a.logout{color:#ff8d80!important}
#layout-sidebar,#layout-list,#layout-content{background:#fff!important}
#layout-sidebar{border-right:1px solid #ecece7!important}
#layout-list{border-right:1px solid #ecece7!important}
#layout-sidebar>.header,#layout-list>.header,#layout-content>.header{background:#fbfbf8!important;border-color:#ecece7!important;box-shadow:none!important}
#layout-sidebar>.header{font-weight:800;color:#191b26!important}
#layout-sidebar>.header a,#layout-list>.header a,#layout-content>.header a{color:#191b26!important}
ul.treelist li.selected>div>a,ul.treelist li.selected>a{background:#ffe3df!important;color:#191b26!important;font-weight:800!important;box-shadow:inset 4px 0 0 #ff6b57}
ul.treelist li>div>a:hover,ul.treelist li>a:hover{background:#f7f7f2!important;color:#191b26!important}
.folderlist li a:before{color:#505261!important}.folderlist li.selected>a:before,.folderlist li.selected>div>a:before{color:#ff6b57!important}
#layout-list .searchbar{background:#fff!important;border-bottom:1px solid #ecece7!important}
#layout-list .searchbar input{background:#fff!important;color:#191b26!important}
.listing tbody td,.listing li{border-bottom-color:#f0f0ea!important}
.listing li.selected,.listing tr.selected td{background:#fff1ee!important;color:#191b26!important}
.listing li.selected,.listing tr.selected td:first-child{box-shadow:inset 3px 0 0 #ff6b57}
.listing li:hover,.listing tbody tr:hover{background:#fbfbf8!important}
#messagelist .unread td,#messagelist .unread .subject{font-weight:800!important;color:#191b26!important}
#messagelist .date{color:#777985!important}
.toolbar{background:#fbfbf8!important;border-color:#ecece7!important}
.toolbar a.button,.toolbar button{color:#191b26!important}
.toolbar a.button:hover,.toolbar button:hover{background:#ffe3df!important;color:#191b26!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:#fbfbf8!important}
#message-header{background:#fbfbf8!important;border-bottom:1px solid #ecece7!important}
#message-header .subject{color:#191b26!important}
#messagestack .alert{border-radius:12px!important}
.floating-action-buttons a.button{background:#ff6b57!important;color:#191b26!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}}

/* Hostey 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:#fff1ef!important;color:#191b26!important;border-left:3px solid #ff6b57!important}
body.task-settings .listing li:hover,
body.task-settings ul.treelist li>a:hover{background:#fbfbf8!important;color:#191b26!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:#191b26!important;border-color:#191b26!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:#ff6b57!important;border-color:#ff6b57!important;color:#191b26!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:#ff6b57!important;border-color:#ff6b57!important}
body.task-settings .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 3px rgba(255,107,87,.15)!important;border-color:#ff6b57!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:#ff6b57!important;box-shadow:0 0 0 3px rgba(255,107,87,.12)!important}
body.task-settings .boxwarning{background:#fff5e3!important;border:1px solid #efcf8b!important;border-left:4px solid #ff6b57!important;color:#505261!important;border-radius:10px!important}
body.task-settings .boxwarning a{color:#191b26!important;font-weight:700!important}
body.task-settings h2,body.task-settings h3{color:#191b26!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:#177745!important}

/* Hostey smart webmail router */
.hostey-login-hidden{display:none!important}.hostey-domain-router{width:min(420px,100%);margin:18px auto 0;display:grid;gap:12px}.hostey-domain-router h2{margin:0;font-size:25px}.hostey-domain-router p{margin:0 0 4px;color:#687080;line-height:1.55}.hostey-domain-router label{font-weight:700}.hostey-domain-router input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d8dce3;border-radius:12px;font:inherit;background:#fff}.hostey-domain-router button{width:100%;margin-top:3px}.hostey-domain-router small{color:#7b818c;text-align:center}.hostey-router-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#667085}.hostey-router-back{border:0;background:transparent;padding:0 0 12px;color:#4d5ed7;font-weight:700;cursor:pointer;text-align:left}
.hostey-staff-login{display:block;text-align:center;margin-top:12px;font-size:12px;color:#667085;text-decoration:none}.hostey-staff-login:hover{text-decoration:underline}