/* Westward Digital overrides for Elastic child skin. Scoped to Roundcube chrome; message bodies untouched.
   Colours from www.westwarddigital.co.uk: teal #268b7f, dark teal #1a5751, ink #0d1f26, gold #d9bd80, mint #f0faf8 */
#layout a:not(.button):not(.btn), .formlinks a, #login-footer a { color: #1a5751; }
.btn-primary, .btn-primary:disabled, button.mainaction, .mainaction, .btn.compose { background-color: #268b7f !important; border-color: #268b7f !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):active, button.mainaction:hover { background-color: #1a5751 !important; border-color: #1a5751 !important; }
/* dark ink navigation so the pale Westward mark is visible */
#layout-menu { background-color: #0d1f26 !important; border-right: 3px solid #d9bd80; }
#layout-menu .popover-header { background-color: #0d1f26; color: #fff; }
#layout-menu #logo { max-height: 3.2rem; width: auto; margin: .6rem auto; }
#layout-menu #taskmenu a, #layout-menu .special-buttons a { color: #cfd9de !important; }
#layout-menu #taskmenu a.selected, #layout-menu #taskmenu a:hover, #layout-menu #taskmenu a:focus { color: #fff !important; background-color: #268b7f !important; }
#layout-menu #taskmenu a:before, #layout-menu .special-buttons a:before { color: inherit; }
/* lists */
.listing li.selected, table.records-table tr.selected td, table.records-table tr.selected { background-color: #f0faf8 !important; }
.listing li.selected > a, .listing li.selected > div > a { color: #1a5751 !important; }
#folderlist-content li.selected > a, #folderlist-content li.selected > div > a { border-left: 3px solid #268b7f; }
.listing li .unreadcount, .unreadcount, .badge-info { background-color: #268b7f !important; color: #fff !important; }
table.messagelist tr.unread td.subject span.subject a { color: #1a5751; }
.form-control:focus, .custom-select:focus { border-color: #268b7f !important; box-shadow: 0 0 0 .2rem rgba(38,139,127,.25) !important; }
/* login: dark ink/teal background, wordmark logo, white form panel */
body.task-login { background: linear-gradient(160deg, #0d1f26 0%, #1a5751 100%) !important; }
body.task-login #layout, body.task-login #layout-content { background: transparent !important; }
body.task-login #logo { max-width: 22rem; width: 100%; height: auto; max-height: none; margin-bottom: 1.5rem; }
body.task-login #login-form { background: #fff; border-radius: 10px; padding: 1.8rem 1.8rem 1rem; border-top: 4px solid #d9bd80; box-shadow: 0 20px 50px rgba(13,31,38,.35); }
body.task-login #login-footer, body.task-login #login-footer a { color: #cfd9de !important; }
html.dark-mode #layout a:not(.button):not(.btn) { color: #7dd3c7; }