/* Generated from Roundcube Elastic: blue palette -> Saltway Digital teal */
a{color:#207588}
a:hover{color:#1a5e6d}
@media screen and (min-width:481px){#layout-menu .popover-header{background-color:#0f485f!important}}
@media screen and (min-width:481px){#layout-menu{background-color:#0f485f}}
p.image-attachment{background-color:rgba(46,169,196,.05)}
.quota-widget .value{background-color:#2ea9c4}
.image-tools{background-color:rgba(46,169,196,.4)}
.image-tools a:focus,.image-tools a:hover{background-color:rgba(46,169,196,.5)!important}
.table-widget table.options-table tr.selected td{background-color:#e9f7fa}
.floating-action-buttons a.button{background:#2ea9c4;box-shadow:0 0 5px 5px #e8f6fa}
.btn:focus{box-shadow:0 0 0 .2rem rgba(46,169,196,.3)}
.btn-link{color:#207588}
.btn-primary{background:#2ea9c4;border-color:#2ea9c4}
.btn-primary:focus{background:#2891a9;border-color:#25879d;box-shadow:0 0 0 .2rem rgba(46,169,196,.5)}
.btn-primary:hover{background:#2891a9;border-color:#25879d}
.btn-primary.disabled,.btn-primary:disabled{background:#2ea9c4;border-color:#2ea9c4}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{background:#21798d;border-color:#1f7285}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(46,169,196,.53)}
.ui-menu .ui-state-active{background-color:#2ea9c4!important}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(46,169,196,.5)}
.ui-slider .ui-slider-range{background:#ccecf3}
.ui-slider .ui-slider-handle.ui-state-active{background:#2ea9c4;border-color:#113d47}
.ui-datepicker .ui-datepicker-days-cell-over a,.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,.ui-datepicker .ui-state-highlight,.ui-datepicker.ui-widget-content .ui-state-highlight{background:#ccecf3;color:#2ea9c4}
.ui-datepicker a.ui-state-active{background:#2ea9c4!important}
html.layout-phone .popover-header,html.layout-small .popover-header{background-color:#113d47}
.popover .menu li a:not(.disabled):hover{background-color:#2ea9c4}
.popover .menu .dropbutton a.dropdown:hover{background-color:#2ea9c4}
@media screen and (min-width:481px){#taskmenu a.selected{background:#176a8a}}
@media screen and (min-width:481px){#taskmenu a.selected:hover{background:#176a8a}}
@media screen and (min-width:481px){#taskmenu a:hover{background:#176a8a}}
@media screen and (min-width:481px){#taskmenu .special-buttons{background-color:#0f485f}}
@media screen and (min-width:481px){#taskmenu .action-buttons a{color:#2ea9c4}}
@media screen and (min-width:481px){#taskmenu .action-buttons a:hover{color:#2ea9c4;background:#176a8a}}
@media screen and (min-width:1025px){#taskmenu a:focus{background-color:#176a8a}}
.ui.alert{background-color:rgba(46,169,196,.05)}
.ui.alert a:not(.btn){color:#2ea9c4}
.ui.alert.boxinformation{background-color:rgba(46,169,196,.2)}
#messagestack .alert-info.information{background-color:#2ea9c4}
.listing li.selected,.listing tr.selected td{background-color:#e9f7fa}
html:not(.touch) .listing li>a:focus,html:not(.touch) .listing.focus tbody tr.focused>td:first-child,html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td{border-left:2px solid #95d7e6}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#2ea9c4}
.popupmenu .listing li.selected{background-color:#2ea9c4}
ul.treelist li.selected>a,ul.treelist li.selected>div>a{background-color:#e9f7fa}
.folderlist li.mailbox .unreadcount{background:#2ea9c4}
.folderlist li.mailbox.recent>a{color:#1a606f}
.folderlist li.mailbox.recent>a>.unreadcount{background:#2ea9c4}
.formcontent.raweditor .CodeMirror-focused{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.input-group a:focus{background-color:rgba(46,169,196,.25)}
.multi-input>.content.focused{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.recipient-input.focus{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.tagedit-list[tabindex="-1"]{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.form-control:focus{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.input-group-text input:focus{border-color:#2ea9c4!important}
.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#2ea9c4}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#2ea9c4;background-color:#2ea9c4}
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#79cde0;background-color:#79cde0}
.custom-file-input:focus~.custom-file-label{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
div.tox.focused{border-color:#2ea9c4!important;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)!important}
div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#207588}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#1a5e6d}
div.tox .tox-dialog__footer .tox-button{background:#2ea9c4;border-color:#2ea9c4}
div.tox .tox-dialog__footer .tox-button:focus{background:#2891a9;border-color:#25879d;box-shadow:0 0 0 .2rem rgba(46,169,196,.5)}
div.tox .tox-dialog__footer .tox-button:hover{background:#2891a9;border-color:#25879d}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#2ea9c4;border-color:#2ea9c4}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active,div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active{background:#21798d;border-color:#1f7285}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(46,169,196,.53)}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#2ea9c4;border-color:#2ea9c4}
div.tox .tox-color-input>input:focus,div.tox .tox-listboxfield .tox-listbox--select:focus,div.tox .tox-textarea:focus,div.tox .tox-textfield:focus{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
.image-selector .attachmentslist li:focus,.image-selector .attachmentslist li:hover{background:#e9f7fa}
.googie_list li.googie_list_onhover{background-color:#2ea9c4}
.message-htmlpart blockquote,.message-part blockquote{color:#144854;border-left:2px solid #144854;border-right:2px solid #144854}
html.dark-mode{scrollbar-color:#175462 #4d6066}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb{background-color:#175462}
html.dark-mode #layout-menu{border-right:1px solid #19759a}
@media screen and (max-width:480px){html.dark-mode #layout-menu .popover-header{border-bottom:1px solid #19759a}}
html.dark-mode #layout-menu .special-buttons a:not(:focus){background:#0b3342}
html.dark-mode.layout-phone #layout-menu{background:#07212c}
html.dark-mode #messagestack .alert-info,html.dark-mode .ui.alert.boxinformation{background-color:#254d56}
html.dark-mode #taskmenu a.selected,html.dark-mode .menu.toolbar a.selected{background-color:#12546e}
html.dark-mode #taskmenu .action-buttons a{color:#2ea9c4}
@media screen and (max-width:480px){html.dark-mode #taskmenu a{border-color:#0e4358!important}}
html.dark-mode.layout-phone .popover-header,html.dark-mode.layout-small .popover-header{background:#07212c;border-bottom:1px solid #19759a}
html.dark-mode #taskmenu a:hover,html.dark-mode .header a.button.icon:not(.disabled):focus,html.dark-mode .header a.button.icon:not(.disabled):hover,html.dark-mode .menu a:not(.disabled):focus,html.dark-mode .menu a:not(.disabled):hover,html.dark-mode .menu.toolbar .dropbutton:not(.disabled):hover,html.dark-mode .popupmenu .listing li>a:not(.disabled):hover{background-color:#12546e}
html.dark-mode .listing li.selected,html.dark-mode .listing li.selected>a,html.dark-mode .listing li.selected>div>a,html.dark-mode .listing tr.selected td{color:#2ea9c4}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status{color:#2ea9c4}
html.dark-mode .btn-primary{background-color:#144854}
html.dark-mode .btn-primary:hover:not(:disabled){background-color:#175462}
html.dark-mode .floating-action-buttons a.button{background:#144854}
html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){border-color:#2ea9c4}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#144854}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#2ea9c4}
html.dark-mode .input-group a:focus{border-color:#2ea9c4;box-shadow:0 0 0 .2rem rgba(46,169,196,.25)}
html.dark-mode .recipient-input.focus{border-color:#2ea9c4}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{border-color:#2ea9c4}
html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:#144854}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:#144854}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled){background-color:#175462}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#2ea9c4}
html.dark-mode .tox .tox-collection__item--enabled{color:#2ea9c4}
html.dark-mode .message-part blockquote{border-color:#5dc2d9;color:#5dc2d9}
html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#2ea9c4}

/* ================= Saltway Digital — webmail branding ================= */
:root {
  --sw-deep: #0e4d66;
  --sw-mid: #156077;
  --sw-teal: #2a889b;
  --sw-light: #46aebb;
  --sw-mist: #e6f3f5;
}

/* ---------- Sign-in page ---------- */
body.sw-login {
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(70,174,187,.55), transparent 60%),
    radial-gradient(800px 600px at -10% 110%, rgba(42,136,155,.55), transparent 60%),
    linear-gradient(160deg, #0e4d66 0%, #0b3d52 55%, #082f40 100%) !important;
  min-height: 100vh;
}
body.sw-login #layout { background: transparent !important; }
body.sw-login #layout-content {
  background: transparent !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 32px 16px 24px;
  box-sizing: border-box;
}
body.sw-login .sw-logo-badge {
  width: 132px; height: 132px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(70,174,187,.35) 0%, rgba(70,174,187,0) 70%);
  margin-bottom: 10px;
}
body.sw-login #logo {
  position: static !important;
  top: auto !important;
  max-height: 112px !important;
  max-width: 112px !important;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
  opacity: 1 !important;
  display: block;
}
body.sw-login .sw-brand { text-align: center; margin-bottom: 22px; color: #fff; }
body.sw-login .sw-title {
  font-size: 2rem; font-weight: 700; letter-spacing: -.01em; margin: 0;
  color: #fff;
}
body.sw-login .sw-sub { margin: 4px 0 0; color: #bfe3e9; font-size: 1rem; }

body.sw-login #login-form {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  max-width: 380px !important;
  background: #fff;
  border-radius: 18px;
  padding: 28px 26px 22px;
  box-shadow: 0 24px 60px rgba(4,30,42,.45);
  box-sizing: border-box;
}
body.sw-login #login-form .input-group-prepend .input-group-text {
  background: var(--sw-mist) !important;
  border-color: #d5e6ea !important;
  color: var(--sw-teal) !important;
  border-radius: 10px 0 0 10px;
}
body.sw-login #login-form .form-control {
  border-color: #d5e6ea !important;
  border-radius: 0 10px 10px 0 !important;
  font-size: 1rem;
}
body.sw-login #login-form .form-control:focus {
  border-color: var(--sw-light) !important;
  box-shadow: 0 0 0 .2rem rgba(70,174,187,.25) !important;
}
body.sw-login #rcmloginsubmit {
  background: linear-gradient(135deg, #2a889b, #156077) !important;
  border: 0 !important;
  border-radius: 10px !important;
  letter-spacing: .06em;
  font-weight: 700;
  padding: .7rem 1rem;
  box-shadow: 0 8px 20px rgba(21,96,119,.35);
  transition: transform .15s, box-shadow .15s;
}
body.sw-login #rcmloginsubmit:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(21,96,119,.45);
}
body.sw-login #login-footer { color: #6b7f86 !important; text-align: center; font-size: .85rem; }
body.sw-login #login-footer:empty { display: none; }
body.sw-login .sw-credit {
  display: flex; align-items: center; gap: 8px;
  margin-top: 26px; color: #bfe3e9; font-size: .9rem;
}
body.sw-login .sw-credit img { width: 22px; height: 22px; }
body.sw-login .sw-credit strong { color: #fff; }
body.sw-login #messagestack .alert, body.sw-login #messagestack > div { border-radius: 10px; }

/* Dark mode: keep the branded background, darken the card */
html.dark-mode body.sw-login #login-form { background: #11252d; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
html.dark-mode body.sw-login #login-form .form-control { background: #0d1d24 !important; color: #e4eff2 !important; border-color: #21404b !important; }
html.dark-mode body.sw-login #login-form .input-group-prepend .input-group-text { background: #163640 !important; border-color: #21404b !important; color: #6cc6d2 !important; }

/* ---------- Inside the inbox ---------- */
#layout-menu {
  background: linear-gradient(180deg, #0e4d66 0%, #0b3f54 100%) !important;
}
#layout-menu .popover-header { background-color: #0e4d66 !important; }
#layout-menu #logo, #layout-menu .popover-header img {
  background: transparent;
  padding: 2px !important;
  box-sizing: border-box;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
#taskmenu a:hover, #taskmenu a.selected, #taskmenu a.selected:hover {
  background: rgba(70,174,187,.28) !important;
  color: #fff !important;
}
#taskmenu a.selected { box-shadow: inset 3px 0 0 #46aebb; }
#taskmenu .special-buttons { background: transparent !important; }
#taskmenu .action-buttons a, #taskmenu .action-buttons a:hover { color: #7fd0db !important; }

.btn-primary, .button.mainaction, .formbuttons .btn-primary {
  background: #2a889b !important;
  border-color: #2a889b !important;
}
.btn-primary:hover, .button.mainaction:hover {
  background: #156077 !important;
  border-color: #156077 !important;
}
.header .header-title, #layout-sidebar > .header .header-title { color: #0e4d66; }
html.dark-mode .header .header-title { color: #e4eff2; }
body.sw-login #login-form .formbuttons { margin-bottom: 0; }
body.sw-login #login-form .form-group { margin-bottom: .75rem; }
#mailboxlist li > a:before, .folderlist li > a:before { color: #2a889b; }
#mailboxlist li.selected > a, .listing li.selected > a { color: #0e4d66; font-weight: 600; }
html.dark-mode #mailboxlist li > a:before { color: #6cc6d2; }
html.dark-mode #mailboxlist li.selected > a { color: #e4eff2; }