/*
 * intranet_sso: Roundcube (Elastic) im Aussehen des Intranets.
 * Teil 1 von Hand: Schrift Figtree, helle Seitenleiste, weiße Kopfleisten.
 * Teil 2 automatisch: jede Elastic-Akzentfarbe (#37beff, #006a9d, #ebf9ff,
 * rgba(55,190,255,…)) durch das Indigo des Intranets ersetzt – erzeugt aus
 * skins/elastic/styles/styles.min.css von Roundcube 1.7.4 (Dunkelmodus ausgenommen).
 * Nach einem Roundcube-Update neu erzeugen, falls Farben wieder hellblau werden.
 */
@import url('https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap');

body, button, input, select, textarea, .popover, .ui-dialog, .tooltip, .btn {
  font-family: Figtree, ui-sans-serif, system-ui, sans-serif !important;
}

/* Seitenleiste von Roundcube: hellgrau wie der Inhaltsbereich des Intranets, damit sie
   sich als Werkzeugleiste des Webmailers von der (weißen) Intranet-Leiste absetzt. */
#layout-menu, #taskmenu .special-buttons { background-color: #f3f4f6 !important; }
#layout-menu { border-right: 1px solid #e5e7eb; }
@media screen and (min-width: 481px) {
  #layout-menu .popover-header { background-color: #f3f4f6 !important; }
  #layout-menu .popover-header img { visibility: hidden; }
  #taskmenu a { color: #4b5563; }
  #taskmenu a:hover, #taskmenu a:focus { color: #111827; background: #e5e7eb; }
  #taskmenu a.selected, #taskmenu a.selected:hover { color: #4338ca; background: #fff; }
  #taskmenu .action-buttons a:hover { background: #e5e7eb; }
}

/* Kopfleisten weiß mit der Linienfarbe des Intranets */
#layout > div > .header { background-color: #fff; border-bottom-color: #e5e7eb; }

/* ---- Teil 2: Akzentfarben (automatisch) ---- */
p.image-attachment{background-color:rgba(79,70,229,.05)}
.quota-widget .value{background-color:#4f46e5}
.image-tools{background-color:rgba(79,70,229,.4)}
.image-tools a:focus,.image-tools a:hover{background-color:rgba(79,70,229,.5)!important}
.table-widget table.options-table tr.selected td{background-color:#eef2ff}
.floating-action-buttons a.button{background:#4f46e5}
.btn:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.3)}
.btn-primary{background:#4f46e5;border-color:#4f46e5}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.5)}
.btn-primary.disabled,.btn-primary:disabled{background:#4f46e5;border-color:#4f46e5}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.53)}
.ui-menu .ui-state-active{background-color:#4f46e5!important}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(79,70,229,.5)}
.ui-slider .ui-slider-handle.ui-state-active{background:#4f46e5}
.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{color:#4f46e5}
.ui-datepicker a.ui-state-active{background:#4f46e5!important}
.popover .menu li a:not(.disabled):hover{background-color:#4f46e5}
.popover .menu .dropbutton a.dropdown:hover{background-color:#4f46e5}
.ui.alert{background-color:rgba(79,70,229,.05)}
.ui.alert a:not(.btn){color:#4f46e5}
.ui.alert.boxinformation{background-color:rgba(79,70,229,.2)}
#messagestack .alert-info.information{background-color:#4f46e5}
.listing li.selected,.listing tr.selected td{background-color:#eef2ff}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#4f46e5}
.popupmenu .listing li.selected{background-color:#4f46e5}
ul.treelist li.selected>a,ul.treelist li.selected>div>a{background-color:#eef2ff}
.folderlist li.mailbox .unreadcount{background:#4f46e5}
.folderlist li.mailbox.recent>a>.unreadcount{background:#4f46e5}
.formcontent.raweditor .CodeMirror-focused{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.input-group a:focus{background-color:rgba(79,70,229,.25)}
.multi-input>.content.focused{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.recipient-input.focus{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.tagedit-list[tabindex="-1"]{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.input-group-text input:focus{border-color:#4f46e5!important}
.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#4f46e5}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#4f46e5;background-color:#4f46e5}
.custom-file-input:focus~.custom-file-label{border-color:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
div.tox.focused{border-color:#4f46e5!important;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)!important}
div.tox .tox-dialog__footer .tox-button{background:#4f46e5;border-color:#4f46e5}
div.tox .tox-dialog__footer .tox-button:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.5)}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#4f46e5;border-color:#4f46e5}
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(79,70,229,.53)}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#4f46e5;border-color:#4f46e5}
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:#4f46e5;box-shadow:0 0 0 .2rem rgba(79,70,229,.25)}
.image-selector .attachmentslist li:focus,.image-selector .attachmentslist li:hover{background:#eef2ff}
.googie_list li.googie_list_onhover{background-color:#4f46e5}
.message-htmlpart blockquote,.message-part blockquote{color:#4338ca;border-left:2px solid #4338ca;border-right:2px solid #4338ca}
@media screen and (min-width:481px){#taskmenu .action-buttons a{color:#4f46e5}#taskmenu .action-buttons a:hover{color:#4f46e5}}