/* AUTO-GENERATED from skins/elastic/styles/styles.min.css (Roundcube 1.6.20) by gen.py: elastic blue -> Tanner Security teal, dark palette -> portfolio. Only color declarations are overridden. */
a{color:#0f9a71}
a:hover{color:#0c8762}
p.image-attachment{background-color:rgba(15,143,105,.05)}
.quota-widget .value{background-color:#0f8f69}
.image-tools{background-color:rgba(15,143,105,.4)}
.image-tools a:focus,.image-tools a:hover{background-color:rgba(15,143,105,.5)!important}
.table-widget table.options-table tr.selected td{background-color:#e8faf3}
.floating-action-buttons a.button{background:#0f8f69;box-shadow:0 0 5px 5px #e8faf3}
.btn:focus{box-shadow:0 0 0 .2rem rgba(15,143,105,.3)}
.btn-link{color:#0f9a71}
.btn-primary{background:#0f8f69;border-color:#0f8f69}
.btn-primary:focus{background:#14a67b;border-color:#12a077;box-shadow:0 0 0 .2rem rgba(15,143,105,.5)}
.btn-primary:hover{background:#14a67b;border-color:#12a077}
.btn-primary.disabled,.btn-primary:disabled{background:#0f8f69;border-color:#0f8f69}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{background:#0f9a71;border-color:#0f9a71}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(15,143,105,.53)}
.ui-menu .ui-state-active{background-color:#0f8f69!important}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(15,143,105,.5)}
.ui-slider .ui-slider-range{background:#d3f7ea}
.ui-slider .ui-slider-handle.ui-state-active{background:#0f8f69;border-color:#085a42}
.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:#d3f7ea;color:#0f8f69}
.ui-datepicker a.ui-state-active{background:#0f8f69!important}
html.layout-phone .popover-header,html.layout-small .popover-header{background-color:#085a42}
.popover .menu li a:not(.disabled):hover{background-color:#0f8f69}
.popover .menu .dropbutton a.dropdown:hover{background-color:#0f8f69}
@media screen and (min-width:481px){#taskmenu .action-buttons a{color:#0f8f69}#taskmenu .action-buttons a:hover{color:#0f8f69}}
.ui.alert{background-color:rgba(15,143,105,.05)}
.ui.alert a:not(.btn){color:#0f8f69}
.ui.alert.boxinformation{background-color:rgba(15,143,105,.2)}
#messagestack .alert-info.information{background-color:#0f8f69}
.listing li.selected,.listing tr.selected td{background-color:#e8faf3}
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 #a5eed3}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#0f8f69}
.popupmenu .listing li.selected{background-color:#0f8f69}
ul.treelist li.selected>a,ul.treelist li.selected>div>a{background-color:#e8faf3}
.folderlist li.mailbox .unreadcount{background:#0f8f69}
.folderlist li.mailbox.recent>a{color:#0c8762}
.folderlist li.mailbox.recent>a>.unreadcount{background:#0f8f69}
.formcontent.raweditor .CodeMirror-focused{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.input-group a:focus{background-color:rgba(15,143,105,.25)}
.multi-input>.content.focused{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.recipient-input.focus{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.tagedit-list[tabindex="-1"]{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.form-control:focus{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.input-group-text input:focus{border-color:#0f8f69!important}
.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#0f8f69}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#0f8f69;background-color:#0f8f69}
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#86e6c4;background-color:#86e6c4}
.custom-file-input:focus~.custom-file-label{border-color:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
div.tox.focused{border-color:#0f8f69!important;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)!important}
div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#0f9a71}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#0c8762}
div.tox .tox-dialog__footer .tox-button{background:#0f8f69;border-color:#0f8f69}
div.tox .tox-dialog__footer .tox-button:focus{background:#14a67b;border-color:#12a077;box-shadow:0 0 0 .2rem rgba(15,143,105,.5)}
div.tox .tox-dialog__footer .tox-button:hover{background:#14a67b;border-color:#12a077}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#0f8f69;border-color:#0f8f69}
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:#0f9a71;border-color:#0f9a71}
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(15,143,105,.53)}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#0f8f69;border-color:#0f8f69}
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:#0f8f69;box-shadow:0 0 0 .2rem rgba(15,143,105,.25)}
.image-selector .attachmentslist li:focus,.image-selector .attachmentslist li:hover{background:#e8faf3}
.googie_list li.googie_list_onhover{background-color:#0f8f69}
.message-htmlpart blockquote,.message-part blockquote{color:#0a6b4f;border-left:2px solid #0a6b4f;border-right:2px solid #0a6b4f}
html.dark-mode{scrollbar-color:#12a37a #26323e}
html.dark-mode:not(.touch) ::-webkit-scrollbar-track{background-color:#26323e}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb{background-color:#12a37a}
html.dark-mode body{color:#c9d3dd;background-color:#0a0e13}
html.dark-mode #layout-content,html.dark-mode #layout-list,html.dark-mode #layout-sidebar,html.dark-mode #layout>div>.footer,html.dark-mode #layout>div>.header,html.dark-mode .menu.pagenav.pagenav-list,html.dark-mode .menu.pagenav.pagenav-list+.navlist,html.dark-mode .menu.pagenav.pagenav-list.expanded+.navlist,html.dark-mode .popup .listbox .footer{border-color:#26323e}
html.dark-mode #layout>div>.footer a.button,html.dark-mode #layout>div>.header a.button{color:#c9d3dd}
html.dark-mode #layout-menu{border-right:1px solid #26323e}
@media screen and (max-width:480px){html.dark-mode #layout-menu .popover-header{border-bottom:1px solid #26323e}}
html.dark-mode #layout-menu .special-buttons a:not(:focus){background:#0a0e13}
html.dark-mode.layout-phone #layout-menu{background:#06080b}
html.dark-mode .searchbar{border-color:#26323e}
html.dark-mode #messagestack div{color:#c9d3dd}
html.dark-mode #messagestack div i.icon:before{color:#c9d3dd}
html.dark-mode #messagestack .alert-info,html.dark-mode .ui.alert.boxinformation{background-color:#1b7a5e}
html.dark-mode #messagestack .loading{background-color:#1a232d}
html.dark-mode .ui.alert.boxconfirmation,html.dark-mode .ui.alert.boxerror,html.dark-mode .ui.alert.boxinformation,html.dark-mode .ui.alert.boxwarning{color:#c9d3dd}
html.dark-mode .ui.alert.boxconfirmation i.icon:before,html.dark-mode .ui.alert.boxerror i.icon:before,html.dark-mode .ui.alert.boxinformation i.icon:before,html.dark-mode .ui.alert.boxwarning i.icon:before{color:#c9d3dd}
html.dark-mode .ui.alert a:not(.btn){color:#c9d3dd}
html.dark-mode .iframe-loader{background-color:rgba(10,14,19,.9)}
html.dark-mode .iframe-loader .spinner-border{color:#7d8a99;border-color:currentColor #24303b currentColor currentColor}
html.dark-mode #taskmenu a,html.dark-mode .menu.toolbar a{color:#c9d3dd}
html.dark-mode #taskmenu a.selected,html.dark-mode .menu.toolbar a.selected{background-color:#1a232d}
html.dark-mode #taskmenu .action-buttons a{color:#4ef0b3}
@media screen and (max-width:480px){html.dark-mode #taskmenu a{border-color:#111820!important}}
html.dark-mode.layout-phone .popover,html.dark-mode.layout-small .popover{border-left:1px solid #26323e}
html.dark-mode.layout-phone .popover:not(.select-menu) .listing li:last-child,html.dark-mode.layout-small .popover:not(.select-menu) .listing li:last-child{border-color:#111820}
html.dark-mode.layout-phone .popover-header,html.dark-mode.layout-small .popover-header{background:#06080b;border-bottom:1px solid #26323e}
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:#1a232d}
html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover{background-color:#24303b}
html.dark-mode .listing li a,html.dark-mode .listing tbody td,html.dark-mode .listing tbody td a,html.dark-mode .proplist li.with-sublist>a.dropdown{color:#c9d3dd}
html.dark-mode .listing li,html.dark-mode .listing li ul,html.dark-mode .listing tbody td{border-color:#111820}
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:#4ef0b3;background-color:#1a232d}
html.dark-mode .listing li.selected ul{background-color:#0a0e13}
html.dark-mode .listing li.selected ul div.treetoggle{color:#c9d3dd}
html.dark-mode .listing li.disabled,html.dark-mode .listing tr.disabled td{color:#4a5a6a}
html.dark-mode .messagelist{color:#c9d3dd}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.date,html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.fromto,html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.size{color:#8592a1}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status{color:#c9d3dd}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) span.flag{color:#c9d3dd}
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:#4ef0b3}
html.dark-mode .messagelist tr.deleted td span.attachment span,html.dark-mode .messagelist tr.deleted td span.flag,html.dark-mode .messagelist tr.deleted td.subject span.date,html.dark-mode .messagelist tr.deleted td.subject span.fromto,html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status,html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status.unread:before,html.dark-mode .messagelist tr.deleted td.subject span.subject a{color:#4a5a6a}
html.dark-mode .messagelist span.attachment span{color:#8592a1}
html.dark-mode .folderlist li.mailbox .unreadcount{background-color:#26323e;color:#e9eef3}
html.dark-mode .attachmentslist{background-color:#1a232d}
html.dark-mode .attachmentslist a{color:#c9d3dd}
html.dark-mode .attachmentslist li .attachment-name{color:#c9d3dd}
html.dark-mode .attachmentslist li .attachment-size{color:#8592a1}
html.dark-mode .btn{color:#c9d3dd}
html.dark-mode .btn:focus,html.dark-mode .btn:hover{color:#e9eef3}
html.dark-mode .btn-primary{background-color:#0f8f69;color:#e9eef3}
html.dark-mode .btn-primary:hover:not(:disabled){background-color:#12a37a}
html.dark-mode .btn-secondary{background-color:#26323e;color:#e9eef3}
html.dark-mode .btn-secondary:hover:not(:disabled){background-color:#3a4856}
html.dark-mode .btn-danger{color:#e9eef3}
html.dark-mode .floating-action-buttons a.button{background:#0f8f69}
html.dark-mode .custom-file-label,html.dark-mode .form-control{background-color:#0a0e13;color:#c9d3dd}
html.dark-mode .custom-file-label:not(.is-invalid),html.dark-mode .form-control:not(.is-invalid){border-color:#7d8a99}
html.dark-mode .custom-file-label:focus,html.dark-mode .form-control:focus{background-color:#111820}
html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){color:#e9eef3!important;border-color:#4ef0b3}
html.dark-mode .custom-file-label::after{color:#c9d3dd;background-color:#1a232d}
html.dark-mode .custom-switch .custom-control-label::before{background-color:#26323e}
html.dark-mode .custom-switch .custom-control-label::after{background-color:#c9d3dd}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#0f8f69}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#c9d3dd}
html.dark-mode .multi-input:not(.is-invalid)>.content{border-color:#7d8a99}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#4ef0b3}
html.dark-mode .input-group-text{color:#c9d3dd;background-color:#1a232d;border-color:#7d8a99}
html.dark-mode .input-group a:focus{border-color:#4ef0b3;box-shadow:0 0 0 .2rem rgba(78,240,179,.25)}
html.dark-mode .recipient-input.focus{color:#e9eef3;background-color:#111820;border-color:#4ef0b3}
html.dark-mode .recipient-input a.button.icon,html.dark-mode .recipient-input input{color:#c9d3dd}
html.dark-mode .recipient-input .recipient{background-color:#1a232d;border-color:#7d8a99}
html.dark-mode .file-upload{border-color:#26323e}
html.dark-mode .file-upload.droptarget.active{border-color:#c9d3dd}
html.dark-mode .file-upload.droptarget.hover{border-color:#c9d3dd;background-color:#1a232d}
html.dark-mode .image-upload{background-color:#1a232d}
html.dark-mode .image-upload a.button{background-color:rgba(10,14,19,.25)}
html.dark-mode .formcontent.raweditor .CodeMirror{color:#c9d3dd;background-color:#0a0e13;border-color:#7d8a99}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{background-color:#111820;border-color:#4ef0b3}
html.dark-mode .CodeMirror-line::selection,html.dark-mode .CodeMirror-line>span::selection,html.dark-mode .CodeMirror-line>span>span::selection,html.dark-mode .CodeMirror-selected{background:#1a232d}
html.dark-mode .CodeMirror-gutters{background-color:#0a0e13}
html.dark-mode .CodeMirror-activeline-background{background:#1a232d}
html.dark-mode .skinselection .skinthumbnail{border-color:#7d8a99}
html.dark-mode .html-editor .editor-toolbar{background-color:#1a232d;border-color:#7d8a99}
html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus,html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover{background-color:#3a4856}
html.dark-mode .tox.tox-tinymce{border-color:#7d8a99}
html.dark-mode .tox .tox-toolbar{background-color:#1a232d;border-color:#7d8a99}
html.dark-mode .tox .tox-toolbar-overlord>div{background:url("data:image/svg+xml,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%237c949c'/%3E%3C/svg%3E") #1a232d}
html.dark-mode .tox .tox-pop.tox-pop--top:after,html.dark-mode .tox .tox-pop.tox-pop--top:before{border-bottom-color:#8592a1}
html.dark-mode .tox .tox-pop__dialog{border-color:#8592a1}
html.dark-mode .tox .tox-split-button,html.dark-mode .tox .tox-swatches__picker-btn,html.dark-mode .tox .tox-tbtn{color:#c9d3dd}
html.dark-mode .tox .tox-split-button svg,html.dark-mode .tox .tox-swatches__picker-btn svg,html.dark-mode .tox .tox-tbtn svg{fill:#c9d3dd!important}
html.dark-mode .tox .tox-split-button:focus,html.dark-mode .tox .tox-split-button:hover,html.dark-mode .tox .tox-swatches__picker-btn:focus,html.dark-mode .tox .tox-swatches__picker-btn:hover,html.dark-mode .tox .tox-tbtn:focus,html.dark-mode .tox .tox-tbtn:hover{color:#c9d3dd;background:#3a4856}
html.dark-mode .tox .tox-tbtn--enabled{background:#3a4856}
html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled),html.dark-mode .tox .tox-button--naked:focus:not(:disabled){color:#dbe3ea;background-color:#3a4856}
html.dark-mode .tox .tox-selectfield select{color:#c9d3dd}
html.dark-mode .tox .tox-selectfield svg{fill:#c9d3dd}
html.dark-mode .tox .tox-color-input span::before{background-color:#c9d3dd}
html.dark-mode .tox .tox-toolbar__group:not(:last-of-type){border-color:#7d8a99}
html.dark-mode .tox .tox-dialog,html.dark-mode .tox .tox-dialog__body,html.dark-mode .tox .tox-dialog__footer,html.dark-mode .tox .tox-dialog__header,html.dark-mode .tox .tox-dialog__title{color:#c9d3dd;border-color:#26323e;background-color:#0a0e13}
html.dark-mode .tox .tox-button--naked,html.dark-mode .tox .tox-color-input>input,html.dark-mode .tox .tox-dialog__body-nav-item,html.dark-mode .tox .tox-dialog__header .tox-button,html.dark-mode .tox .tox-insert-table-picker__label,html.dark-mode .tox .tox-label,html.dark-mode .tox .tox-textfield{color:#c9d3dd}
html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:#0f8f69;color:#e9eef3}
@media screen and (max-width:480px){html.dark-mode .tox .tox-dialog__footer .tox-button{color:#c9d3dd!important}}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:#0f8f69}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled){background-color:#12a37a}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary{background-color:#26323e;color:#e9eef3}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background-color:#26323e}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled){background-color:#3a4856}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#4ef0b3}
html.dark-mode .tox .tox-menu{background-color:#06080b;border-color:#8592a1}
html.dark-mode .tox .tox-collection__item-caret svg{fill:#c9d3dd}
html.dark-mode .tox .tox-collection__item{color:#c9d3dd}
html.dark-mode .tox .tox-collection__item:not(:last-child){border-bottom:1px solid #111820}
html.dark-mode .tox .tox-collection__item--active,html.dark-mode .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#c9d3dd;background-color:#1a232d}
html.dark-mode .tox .tox-collection__item--enabled{color:#4ef0b3;background-color:#1a232d}
html.dark-mode .message-part{border-color:#26323e}
html.dark-mode .message-part blockquote{background-color:#0a0e13;border-color:#8ff7d1;color:#8ff7d1}
html.dark-mode .message-part blockquote span.blockquote-link{background:#0a0e13}
html.dark-mode .message-part span.sig{color:#8592a1}
html.dark-mode .message-htmlpart{color:#111820}
html.dark-mode #message-header .header-headers .header-title{color:#c9d3dd}
html.dark-mode .message-partheaders{background-color:#1a232d}
html.dark-mode .message-partheaders table.headers-table{color:#c9d3dd}
html.dark-mode p.image-attachment{border-color:#26323e;background-color:#1a232d}
html.dark-mode p.image-attachment span{color:#8592a1}
html.dark-mode fieldset.image-attachment legend{color:#8592a1;border-color:#26323e}
html.dark-mode .ui-widget{border-color:#26323e}
html.dark-mode .ui-widget-content,html.dark-mode .ui-widget-header{background-color:#0a0e13}
html.dark-mode .ui-dialog .ui-dialog-titlebar{border-color:#26323e}
html.dark-mode .ui-dialog .ui-dialog-title,html.dark-mode .ui-dialog .ui-dialog-titlebar-close{color:#c9d3dd}
html.dark-mode .ui-dialog .ui-dialog-buttonpane{border-color:#26323e}
html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#c9d3dd}
@media screen and (max-width:480px){html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:not(.btn-danger),html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:#c9d3dd}}
html.dark-mode .ui-datepicker .ui-datepicker-header{border-color:#26323e}
html.dark-mode .ui-datepicker th{color:#8592a1}
html.dark-mode .ui-datepicker .ui-datepicker-next,html.dark-mode .ui-datepicker .ui-datepicker-prev,html.dark-mode .ui-datepicker .ui-state-default,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-default{color:#c9d3dd}
html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#4ef0b3;background-color:#1a232d}
html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a{background-color:#26323e}
html.dark-mode .ui-menu{background-color:#06080b;border-color:#8592a1}
html.dark-mode .ui-menu .ui-menu-item{border-bottom:1px solid #111820}
html.dark-mode .ui-menu .ui-state-active{background-color:#1a232d!important}
html.dark-mode .minicolors-panel{border-color:#26323e;background:#06080b}
html.dark-mode #contacthead.readonly .source.row,html.dark-mode #login-footer,html.dark-mode .contactlist span.email,html.dark-mode .file-upload .hint,html.dark-mode .formcontent .hint,html.dark-mode .listing span.secondary,html.dark-mode .listing-info,html.dark-mode ::-webkit-input-placeholder,html.dark-mode ::placeholder{color:#8592a1}
html.dark-mode .popover{background-color:#06080b;border-color:#8592a1}
html.dark-mode .popover .menu li.separator{color:#8592a1}
html.dark-mode .popover .menu ul+li.separator{border-top:1px solid #111820}
html.dark-mode .popover-body{color:#c9d3dd}
html.dark-mode .bs-popover-auto[x-placement^=right]>.arrow::after,html.dark-mode .bs-popover-right>.arrow::after{border-right-color:#8592a1}
html.dark-mode .bs-popover-auto[x-placement^=left]>.arrow::after,html.dark-mode .bs-popover-left>.arrow::after{border-left-color:#8592a1}
html.dark-mode .bs-popover-auto[x-placement^=top]>.arrow::after,html.dark-mode .bs-popover-top>.arrow::after{border-top-color:#8592a1}
html.dark-mode .bs-popover-auto[x-placement^=bottom]>.arrow::after,html.dark-mode .bs-popover-bottom>.arrow::after{border-bottom-color:#8592a1}
html.dark-mode .nav-tabs{border-color:#26323e}
html.dark-mode .nav-tabs .nav-link{color:#c9d3dd;border-bottom-color:#26323e}
html.dark-mode .nav-tabs .nav-link:hover{background:#0a0e13;border-color:#26323e;color:#c9d3dd}
html.dark-mode .nav-tabs .nav-link.active{background:#0a0e13;border-color:#26323e}
html.dark-mode .table{color:#c9d3dd}
html.dark-mode .table td,html.dark-mode .table th,html.dark-mode .table thead th{border-color:#26323e}
html.dark-mode .table-widget{border-color:#26323e}
html.dark-mode .table-widget>.footer{border-color:#26323e}
html.dark-mode .table-widget table.options-table tr:last-child td{border-color:#26323e}
html.dark-mode .table-widget table.options-table tr.selected td{background-color:#1a232d;color:#c9d3dd}
html.dark-mode #rcmdraglayer{background-color:#06080b;border:1px solid #8592a1;color:#c9d3dd}
html.dark-mode .quota-widget .bar{border-color:#26323e;background-color:#26323e}
html.dark-mode .quota-info .root{color:#8592a1}
html.dark-mode #contactpic,html.dark-mode img.contactphoto{background-color:#1a232d!important}
html.dark-mode .pgpkeyimport div.key.disabled,html.dark-mode .pgpkeyimport div.key.revoked{color:#4a5a6a}

/* ===== Tanner Security: hand-written refinements (portfolio look, mobile) ===== */
body, .btn, .form-control, .popover, .tox, input, select, textarea, button {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
}
::selection { background: rgba(78, 240, 179, .28); }
a { color: #0b7d5b; }
html.dark-mode a { color: #4ef0b3; }

/* Primary buttons: portfolio button (mint gradient, dark ink) in dark mode */
html.dark-mode .btn-primary,
html.dark-mode .btn-primary.disabled, html.dark-mode .btn-primary:disabled,
html.dark-mode .floating-action-buttons a.button,
html.dark-mode div.tox .tox-dialog__footer .tox-button:not(.tox-button--secondary) {
  background: linear-gradient(135deg, #4ef0b3, #2fd9c9);
  border-color: transparent;
  color: #04140e;
  font-weight: 600;
}
html.dark-mode .btn-primary:hover:not(:disabled),
html.dark-mode div.tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
  background: linear-gradient(135deg, #6ff5c4, #3fe3d3);
  color: #04140e;
  box-shadow: 0 10px 30px -12px rgba(78, 240, 179, .7);
}
.btn { border-radius: .6rem; }
.form-control, .custom-select, .recipient-input, .input-group > .form-control { border-radius: .6rem; }
html.dark-mode .form-control:focus, html.dark-mode .custom-select:focus { box-shadow: 0 0 0 .2rem rgba(78, 240, 179, .22); }

/* Side menu: dark brand bar with accent indicator */
html.dark-mode #layout-menu { background: #06080b; border-right: 1px solid rgba(255, 255, 255, .06); }
html.dark-mode #taskmenu a.selected, html.dark-mode #taskmenu a:hover { color: #4ef0b3; background-color: rgba(78, 240, 179, .07); }
#taskmenu a.selected { box-shadow: inset 3px 0 0 #4ef0b3; }
#layout-menu #logo, #layout-menu .popover-header img { max-height: 3rem; }
html.dark-mode #layout-sidebar, html.dark-mode #layout-list { border-color: rgba(255, 255, 255, .06); }
html.dark-mode .header, html.dark-mode .footer, html.dark-mode .searchbar { background-color: #0a0e13; }

/* ===== Login page ===== */
body.task-login #layout-content {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; min-height: 100dvh; padding: 24px 16px 32px; box-sizing: border-box;
}
body.task-login #logo {
  top: auto; opacity: 1; max-height: none; height: auto; width: min(320px, 82vw); margin: 0 0 26px;
}
body.task-login #login-form {
  top: auto; width: 100%; max-width: 400px; box-sizing: border-box;
  padding: 28px 24px 20px; border-radius: 18px;
  background: #fff; border: 1px solid #e3e8ec; box-shadow: 0 24px 60px -30px rgba(10, 14, 19, .35);
}
body.task-login { background: #f3f6f8; }
html.dark-mode body.task-login {
  background:
    radial-gradient(ellipse 90% 55% at 50% -8%, rgba(78, 240, 179, .15), transparent 62%),
    radial-gradient(ellipse 70% 50% at 100% 100%, rgba(56, 189, 248, .08), transparent 60%),
    #06080b;
  background-attachment: fixed;
}
html.dark-mode body.task-login #layout, html.dark-mode body.task-login #layout-content { background: transparent; }
html.dark-mode body.task-login #login-form {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .04);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
body.task-login #login-form .form-control { height: 3rem; font-size: 1rem; }
html.dark-mode body.task-login #login-form .form-control { background-color: #0a0e13; border-color: rgba(255, 255, 255, .14); color: #e9eef3; }
html.dark-mode body.task-login #login-form .input-group-text { background-color: #0a0e13; border-color: rgba(255, 255, 255, .14); }
body.task-login #rcmloginsubmit { height: 3rem; font-size: 1rem; font-weight: 600; border-radius: .75rem; margin-top: .5rem; }
body.task-login #login-form::after {
  content: "Verschlüsselte Verbindung · nur @tannersecurity.ch";
  display: block; margin-top: 16px; text-align: center;
  font: 500 .7rem/1.5 ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  letter-spacing: .06em; text-transform: uppercase; color: #7d8a99;
}
@media (max-width: 480px) {
  body.task-login #layout-content { justify-content: flex-start; padding-top: 12vh; }
  body.task-login #login-form { padding: 22px 18px 16px; }
  body.task-login #login-form .form-control { font-size: 16px; } /* no iOS zoom on focus */
}
/* dark login logo without flash (ui.js swaps it later anyway via env.additional_logos) */
html.dark-mode body.task-login #logo { content: url("logo-login-dark.svg"); }