:root {
        --dk-blue-1: #0063cc;
        --dk-blue-2: #007bff;
        --dk-blue-3: #37beff;
        --dk-blue-4: #85d6ff;
        --dk-blue-5: rgba(0,123,255,0.25);
        --dk-white-1: #e9e9e9;
        --dk-white-2: #9e9e9e;
        --dk-black-1: #101010;
        --dk-black-2: #191919;
        --dk-black-3: #1f1f1f;
        --dk-black-4: #303030;
        --dk-black-5: #262626;
        --dk-black-6: rgba(16,16,16,0.8);
        --dk-red-1: #d92027;
        --dk-orange-1: #bb3b0e;
        --dk-green-1: #007944;
}

/* === GLOBAL === */

body {
        color: var(--dk-white-1);
        background-color: var(--dk-black-3);
}
body::before {
        background: transparent;
}
a {
        color: var(--dk-blue-3);
}
a:hover {
        color: var(--dk-blue-4);
}

/* === COMBINED BACKGROUND: dark body === */

.mce-tabs,
.mce-panel,
.mce-window .mce-reset,
.mce-floatpanel.mce-popover,
.mce-menu-item.mce-disabled,
.mce-tabs + .mce-container-body,
.mce-menu-item.mce-disabled:hover,
.mce-window .mce-combobox .mce-btn,
.task-login #messagestack div,
.task-login #messagestack .loading,
.popover .menu .dropbutton a.dropdown,
.ui-widget-content,
#layout-list,
#layout-sidebar,
#layout-content,
i.mce-i-checkbox {
        background-color: var(--dk-black-3) !important;
}

/* === WARNINGS === */

.task-login #messagestack .alert-warning,
#messagestack .alert-warning {
        background-color: var(--dk-orange-1);
        color: var(--dk-white-1);
}

/* === FOCUS STATES === */

.form-control:focus,
.recipient-input.focus,
.multi-input > .content.focused,
.custom-file-input:focus ~ .custom-file-label {
        border-color: var(--dk-blue-1);
        box-shadow: 0 0 .2rem .1rem var(--dk-blue-5);
}
.form-control:focus,
.recipient-input.focus {
        background-color: var(--dk-black-3);
        color: var(--dk-white-1);
}

/* === MUTED TEXT === */

.listing-info,
.formcontent .hint,
.file-upload .hint,
.message-part span.sig,
.form-control::placeholder,
.custom-control-input:disabled ~ .custom-control-label,
#login-footer {
        color: var(--dk-white-2);
}

.file-upload.droptarget.hover {
        background-color: var(--dk-black-4);
}

/* === BUTTONS === */

.btn-secondary:hover,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.image-selector button:hover,
.image-selector button:not(:disabled):not(.disabled):active,
.image-selector button:not(:disabled):not(.disabled).active,
.mce-window .mce-foot .mce-btn:hover,
.mce-window .mce-foot .mce-btn.mce-primary:hover,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled):active,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled).active,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled):active,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled).active {
        background: var(--dk-blue-2);
        border-color: var(--dk-blue-2);
}

/* === BORDERS === */

.nav-tabs,
.listing li,
.listing tbody td,
.mce-menu .mce-menu-item,
.ui-datepicker .ui-datepicker-header,
.menu.pagenav.pagenav-list.expanded + .navlist,
html.layout-small .popover:not(.select-menu) .listing li:last-child,
html.layout-phone .popover:not(.select-menu) .listing li:last-child {
        border-bottom: 1px solid var(--dk-black-4);
}

/* === HOVER BLUE BACKGROUNDS === */

.image-tools,
.quota-widget .value,
.mce-charmap td:hover,
.mce-menu-item:hover,
.mce-menu-item:focus,
.mce-menu-item.mce-selected,
.menu a:not(.disabled):focus,
.menu a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover,
.popover .menu .dropbutton:not(.disabled):hover,
.mce-menu-item.mce-menu-item-preview.mce-active:hover {
        background-color: var(--dk-blue-1) !important;
}

/* === FOCUS SHADOW === */

.btn:focus,
.btn-danger:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.image-selector button:focus,
.image-selector button:not(:disabled):not(.disabled):active:focus,
.image-selector button:not(:disabled):not(.disabled).active:focus,
.mce-window .mce-foot .mce-btn.mce-primary:focus,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled):active:focus,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled).active:focus,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled):active:focus,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled).active:focus,
.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
        box-shadow: 0 0 0 .2rem var(--dk-blue-5);
}

/* === TEXT COLORS (big combined rule) === */

.btn,
.table,
.message-partheaders,
.recipient-input input,
.form-control-plaintext,
.html-editor .editor-toolbar .mce-i-html,
.ui.alert,
.ui.alert > i.icon,
.quota-widget,
.quota-widget .count,
.searchbar a,
.searchbar input,
.searchbar form::before,
.menu.listing a,
.menu.pagenav a,
.menu.toolbar a,
.menu.pagenav .pagenav-text,
.listing li a,
.listing tbody td,
.listing tbody td a,
.listing li.disabled,
.listing tr.disabled td,
.mce-ico,
.mce-reset,
.mce-widget,
.mce-widget *,
.mce-container,
.mce-container *,
.mce-btn button,
.mce-btn .mce-txt,
.mce-content-body,
.mce-window .mce-label,
.mce-window .mce-textbox,
.mce-menu-item:hover .mce-ico,
.mce-menu-item:focus .mce-ico,
.mce-menu-item:hover .mce-text,
.mce-menu-item:focus .mce-text,
.mce-menu .mce-menu-item .mce-text,
.mce-menu-item.mce-selected .mce-ico,
.mce-menu-item.mce-selected .mce-text,
.mce-window .mce-foot .mce-btn button,
.mce-window .mce-foot .mce-btn button:hover,
.mce-window .mce-window-head .mce-title,
.mce-window .mce-window-head .mce-close,
.mce-menu-item.mce-menu-item-preview.mce-active .mce-ico,
.mce-menu-item.mce-menu-item-preview.mce-active .mce-text,
.mce-window .mce-foot .mce-container-body .mce-btn button,
.mce-menu .mce-menu-item.mce-menu-item-preview.mce-active::after,
.readonly .input-group-text,
.readonly .form-control-plaintext,
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.attachmentslist li .attachment-name,
.attachmentslist li .attachment-size,
.messagelist tr.flagged td,
.messagelist td.subject span.date,
.messagelist span.attachment span,
.messagelist td.subject span.fromto,
.messagelist tr.flagged td.subject span.date,
.messagelist tr.flagged td.subject span.fromto,
.messagelist tr.flagged td.subject span.subject a,
.popover .menu li a[aria-haspopup]::after,
.popover .menu li a[aria-haspopup].dropdown::after,
.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary,
#message-htmlpart1 div.rcmBody,
#layout > div > .header a.button,
#messagestack .alert-warning > i.icon:before,
p.image-attachment span {
        color: var(--dk-white-1) !important;
}

/* === MESSAGE STACK === */

#messagestack div,
#messagestack .loading,
html.layout-small .popover-header,
html.layout-phone .popover-header {
        background-color: var(--dk-black-1);
}

/* === FOOTER / DIALOG BOTTOM === */

.ui-dialog .ui-dialog-buttonpane,
#layout > div > .footer {
        background-color: var(--dk-black-2);
        border-top: 1px solid var(--dk-black-4);
}

/* === HEADER BARS (dialog titles, pagenav) === */

.menu.pagenav.pagenav-list,
.ui-dialog .ui-dialog-titlebar {
        background-color: var(--dk-black-2);
        border-bottom: 1px solid var(--dk-black-4);
}

/* === CUSTOM SWITCHES === */

.custom-switch .custom-control-label::after,
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::after {
        background-color: var(--dk-white-2);
}

/* === SELECTED ITEMS (blue highlight) === */

.listing li.selected,
.listing tr.selected td,
.popover .menu li a:not(.disabled):hover,
.popupmenu .listing li > a:not(.disabled):hover,
.folderlist li.mailbox.recent > a > .unreadcount,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
ul.treelist li.selected > a,
ul.treelist li.selected > div > a {
        color: var(--dk-white-1);
        background-color: var(--dk-blue-1);
}

/* === HOVER TEXT BLUE === */

.btn:hover,
.mce-window .mce-tabs .mce-tab,
.folderlist li.mailbox.recent > a,
.input-group .add.input-group-text:hover,
.input-group .edit.input-group-text:hover,
.input-group .reset.input-group-text:hover,
.input-group .delete.input-group-text:hover {
        color: var(--dk-blue-3);
}

/* === IFRAME/WIDGET HEADERS === */

.iframe-loader,
.ui-widget-header,
.mce-window .mce-foot,
.mce-window .mce-window-head,
.menu.pagenav.pagenav-list + .navlist {
        background-color: var(--dk-black-2);
}

/* === PRIMARY BUTTONS === */

.btn-primary,
.image-selector button,
.mce-splitbtn.mce-opened,
.html-editor .editor-toolbar .mce-i-html:focus,
.html-editor .editor-toolbar .mce-i-html:hover,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
        background-color: var(--dk-blue-1);
        border-color: var(--dk-blue-1);
}

/* === SEARCH BAR === */

.searchbar,
.html-editor .editor-toolbar {
        background-color: var(--dk-black-3);
        border-bottom: 1px solid var(--dk-black-4);
}

/* === RECIPIENTS / CUSTOM CONTROLS === */

.recipient-input .recipient,
.custom-control-label::before,
p.image-attachment {
        background-color: var(--dk-black-4);
        border: 1px solid var(--dk-black-4);
}

/* === EDITOR BORDERS === */

.mce-foot .mce-btn,
.mce-window .mce-tabs,
.mce-tinymce .mce-panel,
.mce-window-body .mce-btn,
.mce-tinymce.mce-container.mce-panel,
.propform.groupped .row.input-group .content input {
        border-color: var(--dk-black-4);
}

.multi-input .input-group-text,
.mce-btn-group:not(:first-child) {
        border-left: 1px solid var(--dk-black-4);
}

/* === ALERT/INFO BOXES === */

.ui.alert.boxwarning,
.ui.alert.boxinformation,
i.mce-i-backcolor {
        background-color: var(--dk-black-4);
}

/* === ACTIVE STATES === */

.mce-btn.mce-active,
.ui-state-active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-widget-header .ui-state-active,
.ui-widget-content .ui-state-active,
a.ui-button:active {
        background: var(--dk-blue-1) !important;
}

/* === WIDGET BORDERS === */

.ui-widget,
.multi-input > .content,
.mce-charmap td,
.mce-combobox input,
.mce-grid td.mce-grid-cell div {
        border: 1px solid var(--dk-black-4);
}

.rcmBody table[style],
.rcmBody table[style] td,
.mce-grid-border a,
.mce-content-body table[style],
.mce-content-body table[style] td {
        border-color: var(--dk-white-2);
}

.image-tools a:focus,
.image-tools a:hover,
.ui-datepicker a.ui-state-active {
        background-color: var(--dk-blue-2) !important;
}

.mce-colorbutton .mce-preview,
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: var(--dk-white-1);
}

/* === TABLE/LIST BORDERS === */

.table td,
.table th,
.mce-window .mce-foot,
ul.listing li ul {
        border-top: 1px solid var(--dk-black-4);
}

/* === EDITOR BUTTONS === */

.mce-btn,
p.image-attachment {
        background-color: var(--dk-black-5);
        border: 1px solid var(--dk-black-5);
}

/* =========================================
   LOGIN PAGE
   ========================================= */

.task-login #layout-content {
        background: var(--dk-black-1);
}
.btn-primary:hover {
        background: var(--dk-blue-2);
        border-color: var(--dk-blue-2);
        color: var(--dk-white-1) !important;
}
.form-control,
.input-group-text {
        color: var(--dk-white-1);
        background-color: var(--dk-black-5);
        border: 1px solid var(--dk-black-4);
}

/* =========================================
   TOP PANEL / HEADER
   ========================================= */

#layout > div > .header {
        background-color: var(--dk-black-2);
        color: var(--dk-white-1);
        border-bottom: 1px solid var(--dk-black-4);
}

/* === POPOVERS === */

.popover {
        background-color: var(--dk-black-2);
        box-shadow: none;
        border-color: var(--dk-black-4);
}

/* =========================================
   SIDE MENU (TASKMENU) - RoundcubePlus Style
   ========================================= */

#taskmenu a {
        border-bottom: none !important;
        color: var(--dk-white-2);
}
#taskmenu a:hover,
#taskmenu a.selected {
        color: var(--dk-white-1);
        background-color: var(--dk-black-4);
}

.folderlist li.mailbox .unreadcount {
        background: var(--dk-blue-3);
        color: #fff;
        font-size: 0.7rem;
        padding: 0 .4rem;
        border-radius: 8px;
        min-width: 1.2rem;
        text-align: center;
}

a.disabled:not(.btn) {
        opacity: 0.6;
}

.quota-widget .bar {
        background-color: var(--dk-black-4);
        border: 0;
}

.custom-file-label {
        color: var(--dk-white-1);
        background-color: var(--dk-black-3);
        border: 1px solid var(--dk-black-4);
}
.custom-file-label::after {
        color: var(--dk-white-1);
        background-color: var(--dk-black-5);
}

/* === TASKMENU POSITION: Move to RIGHT side (desktop only) === */
html.layout-large #layout > .menu,
html.layout-normal #layout > .menu {
        order: 99 !important;
        background-color: var(--dk-black-1);
        border-left: 1px solid var(--dk-black-4);
        border-right: none;
}
html.layout-small #layout > .menu,
html.layout-phone #layout > .menu {
        background-color: var(--dk-black-1);
}

/* Side menu layout */
#layout-menu {
        width: 52px;
}
#layout-menu .popover-header {
        display: none;
}
#taskmenu {
        display: flex;
        flex-flow: column;
        align-items: center;
        position: relative;
        height: 100%;
        padding-top: 8px;
}
#taskmenu a {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        margin: 2px 0 6px 0;
        display: flex;
        align-items: center;
        justify-content: center;
}
#taskmenu a:before {
        font-size: 1.1rem !important;
        line-height: 38px !important;
}
#taskmenu a > .inner {
        display: none;
}
#taskmenu .special-buttons {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        margin-top: auto;
        padding-bottom: 8px;
        border-top: 1px solid var(--dk-black-4);
}

/* Taskmenu icon overrides for outlined/Gmail style */
#taskmenu a.mail:before {
        font-family: "Icons" !important;
        font-weight: 400 !important;
        content: "\f0e0" !important;
}
#taskmenu a.contacts:before {
        font-family: "Icons" !important;
        font-weight: 400 !important;
        content: "\f007" !important;
}
#taskmenu a.settings:before {
        content: "\f013" !important;
}
#taskmenu a.logout:before {
        content: "\f011" !important;
}
#taskmenu a.about:before {
        content: "\f05a" !important;
}
#taskmenu a.compose:before {
        content: "\f044" !important;
}

/* === COMPOSE BUTTON (Gmail-style green + button) === */
.floating-action-buttons a.button.compose {
        background: var(--dk-green-1) !important;
        color: #fff !important;
        box-shadow: 0 2px 8px rgba(0,121,68,0.4);
}

/* === FOLDER LIST ICONS (Gmail-style outlined) === */
.folderlist li a:before {
        font-family: "Icons" !important;
        font-weight: 400 !important;
        opacity: 0.8;
}
.folderlist li.inbox a:before {
        font-weight: 900 !important;
        content: "\f0e0" !important;
}
.folderlist li.drafts a:before {
        content: "\f15c" !important;
}
.folderlist li.sent a:before,
.folderlist li.sentmail a:before {
        content: "\f1d8" !important;
}
.folderlist li.junk a:before {
        font-weight: 900 !important;
        content: "\f06d" !important;
}
.folderlist li.trash a:before {
        content: "\f2ed" !important;
}
.folderlist li.archive a:before {
        font-weight: 900 !important;
        content: "\f187" !important;
}

/* Folder list text styling */
.folderlist li a {
        color: var(--dk-white-1) !important;
        padding: .35rem .5rem !important;
}
.folderlist li a:before {
        margin-right: .6rem !important;
        width: 1.2em !important;
        text-align: center;
}
.folderlist li.selected > a,
.folderlist li.selected > div > a {
        background-color: var(--dk-blue-1) !important;
        border-radius: 0 20px 20px 0;
}

/* === TOOLBAR ICONS (top bar - cleaner style) === */
.menu.toolbar a {
        color: var(--dk-white-2) !important;
        border-radius: 6px;
        margin: 0 1px;
}
.menu.toolbar a:hover,
.menu.toolbar a:focus {
        color: var(--dk-white-1) !important;
        background-color: var(--dk-black-4) !important;
}
.menu.toolbar a:before {
        font-size: 1.1rem !important;
}
.menu.toolbar a.reply:before {
        content: "\f3e5" !important;
}
.menu.toolbar a.reply-all:before {
        content: "\f122" !important;
}
.menu.toolbar a.forward:before {
        content: "\f064" !important;
}
.menu.toolbar a.delete:before {
        content: "\f2ed" !important;
        font-family: "Icons" !important;
        font-weight: 400 !important;
}
.menu.toolbar a.archive:before {
        content: "\f187" !important;
}
.menu.toolbar a.junk:before {
        content: "\f06d" !important;
}
.menu.toolbar a.markmessage:before {
        content: "\f02b" !important;
        font-family: "Icons" !important;
        font-weight: 400 !important;
}
.menu.toolbar a.more:before {
        content: "\f141" !important;
}

/* =========================================
   SEARCH
   ========================================= */

.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
        border-color: var(--dk-blue-5);
        background-color: var(--dk-blue-5);
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: var(--dk-blue-1);
}

/* =========================================
   MESSAGE LIST
   ========================================= */

.floating-action-buttons a.button {
        background: var(--dk-blue-1);
        color: var(--dk-white-1);
        box-shadow: none;
}
html.touch .messagelist td.flags .flag,
html.layout-phone .messagelist td.flags .flag {
        visibility: visible;
}
.messagelist tr.flagged td.flags .flag {
        color: var(--dk-red-1);
}

/* =========================================
   COMPOSE MESSAGES
   ========================================= */

.input-group a:focus {
        background-color: var(--dk-blue-1);
        color: var(--dk-white-1) !important;
}
.popover .menu li.separator {
        background-color: var(--dk-black-3);
        color: var(--dk-white-1);
        padding: .6rem .5rem;
}
.popup .listbox .footer {
        border-top: 1px solid var(--dk-black-4);
        background-color: var(--dk-black-3);
}
.btn-secondary {
        background: var(--dk-blue-1);
        border-color: var(--dk-blue-1);
        color: var(--dk-white-1) !important;
}
select:-moz-focusring {
        color: var(--dk-white-1) !important;
        text-shadow: none !important;
}
.mce-tinymce.focused {
        border-color: var(--dk-blue-1) !important;
        box-shadow: 0 0 0 .1rem var(--dk-blue-5) !important;
}
.mce-tinymce .mce-btn,
.mce-tinymce .mce-panel,
.image-selector .attachmentslist li:hover,
.image-selector .attachmentslist li:focus,
.mce-menu-item.mce-active.mce-menu-item-normal {
        background-color: var(--dk-black-5);
}
.mce-caret {
        border-top: 4px solid var(--dk-white-1);
}
.mce-btn:hover,
.mce-btn:focus,
.mce-btn:active {
        background: var(--dk-blue-1);
        color: var(--dk-white-1);
        border-color: var(--dk-black-5);
}
.mce-btn:hover .mce-caret {
        border-top-color: var(--dk-white-1);
}
.mce-splitbtn:hover .mce-open {
        border-left: 1px solid var(--dk-blue-1);
}
.mce-menu,
.mce-floatpanel.mce-popover {
        box-shadow: 3px 3px 5px var(--dk-black-5) !important;
        border-color: var(--dk-black-4) !important;
}
.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow::after {
        border-bottom-color: var(--dk-black-3);
}
.mce-menu-item .mce-ico,
.mce-menu-item .mce-text,
.mce-menu-item.mce-menu-item-preview::after {
        color: var(--dk-white-1);
}

/* =========================================
   LAYOUT SIDEBAR (folder list area)
   ========================================= */

#layout-sidebar > .header {
        background-color: var(--dk-black-2);
        border-bottom: 1px solid var(--dk-black-4);
}

#layout-sidebar .scroller {
        background-color: var(--dk-black-1);
}

/* =========================================
   LAYOUT LIST (message list area)
   ========================================= */

#layout-list > .header {
        background-color: var(--dk-black-2);
        border-bottom: 1px solid var(--dk-black-4);
}

/* =========================================
   LAYOUT CONTENT (reading pane)
   ========================================= */

#layout-content > .header {
        background-color: var(--dk-black-2);
        border-bottom: 1px solid var(--dk-black-4);
}

/* =========================================
   ADDITIONAL DARK MODE FIXES
   ========================================= */

/* Splitter bars between panes */
.ui-resizable-handle {
        background-color: var(--dk-black-4) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
        width: 8px;
        height: 8px;
}
::-webkit-scrollbar-track {
        background: transparent;
}
::-webkit-scrollbar-thumb {
        background: var(--dk-black-4);
        border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
        background: #444;
}

/* Card/Panel backgrounds */
.card,
.propform,
.formcontainer {
        background: var(--dk-black-3);
        border: 1px solid var(--dk-black-4);
        color: var(--dk-white-1);
}

/* Nav tabs */
.nav-tabs .nav-link {
        color: var(--dk-white-2);
}
.nav-tabs .nav-link:hover {
        color: var(--dk-white-1);
}
.nav-tabs .nav-link.active {
        color: var(--dk-blue-3);
        background: transparent;
        border-bottom: 2px solid var(--dk-blue-3);
}

/* Toast/notification messages */
#messagestack div.notice {
        border-left: 3px solid var(--dk-blue-3);
}
#messagestack div.error {
        border-left: 3px solid var(--dk-red-1);
}
#messagestack div.confirmation {
        border-left: 3px solid var(--dk-green-1);
}

/* Settings page */
.preferences-content,
.settingsbox {
        background: var(--dk-black-3);
        color: var(--dk-white-1);
}

/* Contacts */
.contactlist tr:hover,
.contactlist td {
        color: var(--dk-white-1);
}

/* Dialog buttons */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        color: var(--dk-white-1);
}

/* Layout menu background */
#layout > .menu {
        background-color: var(--dk-black-1);
}