/* bs Dark-Overlay fuer larry (Roundcube-OAuth). Ueberschreibt nur helle Flaechen;
 * Taskbar/Toolbar/Mail-Kopf sind bereits dunkel. Mail-Inhalt (iframe) bleibt hell. */
:root {
	--bs-bg:#20242a; --bs-panel:#262b31; --bs-list:#21262c; --bs-head:#2d333b;
	--bs-row-alt:#2a3038; --bs-sel:#1c4a5e; --bs-field:#2c3238; --bs-border:#363d45;
	--bs-text:#d6d9dd; --bs-text-hi:#ffffff; --bs-muted:#9aa1a8; --bs-link:#7fc4dc;
}
html, body { background: var(--bs-bg) !important; color: var(--bs-text) !important; }
.uibox, .boxcontent, .contentbox { background-color: var(--bs-panel) !important; color: var(--bs-text) !important; }
.listbox, .listbox .scroller, .listbox table.listing, ul.listing li, table.records-table,
.boxlistcontent .records-table { background-color: var(--bs-list) !important; color: var(--bs-text) !important; }
.boxtitle, .uibox .boxtitle, .contentbox .boxtitle, body.iframe .boxtitle,
.uibox .listing thead th, .uibox .listing thead td, .records-table thead th, .records-table thead td,
.messagelist thead th, .messagelist thead td {
	background: var(--bs-head) !important; color: #cfe3ea !important;
	border-bottom: 1px solid var(--bs-border) !important; text-shadow: none !important; }
.listbox .listitem, .listbox .tablink, .listing tbody td, .listing li, .messagelist tbody tr td,
.records-table tbody td, ul.listing li ul { border-bottom-color: var(--bs-border) !important;
	border-top-color: var(--bs-border) !important; }
.messagelist tbody td, .messagelist tbody td a, .messagelist tr td, .folderlist li a,
.listing tbody td, .listing tbody td a, .listbox .listitem a, .listbox .listitem span,
.records-table tbody td, .records-table tbody td a { color: var(--bs-text) !important; }
.messagelist tr.unread td, .messagelist tr.unread td a, .folderlist li.unread { color: var(--bs-text-hi) !important; }
.messagelist tr.thread.expanded:not(.selected) td { background-color: var(--bs-row-alt) !important; }
.listbox .listitem.selected, .listbox .tablink.selected, .listbox .listitem.selected > a,
.listbox .tablink.selected > a, .listing tbody tr.selected td, .listing li.selected,
.listing li.selected > a, .records-table tr.selected td, .records-table tr.selected td a,
.records-table tr.selected td span, #contacts-table tr.selected td {
	background-color: var(--bs-sel) !important; background-image: none !important; color: var(--bs-text-hi) !important; }
#mailboxlist, .folderlist, ul.treelist { background: transparent !important; }
.folderlist li a { color: #cdd2d7 !important; }
ul.treelist li.selected > div.collapsed, ul.treelist li.selected > div.expanded { background-color: var(--bs-sel) !important; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"],
input[type="search"], textarea, select { background: var(--bs-field) !important; color: #e6e9ec !important;
	border: 1px solid var(--bs-border) !important; }
input.placeholder, textarea.placeholder, ::placeholder { color: var(--bs-muted) !important; }
fieldset, .propform fieldset { border-color: var(--bs-border) !important; background: transparent !important; }
.propform fieldset legend, legend, .propform div.prop label { color: #cfe3ea !important; }
a, a:visited { color: var(--bs-link); }
.messagelist tbody td a:hover, .folderlist li a:hover { color: var(--bs-link) !important; }
.text-muted, .hint, .subtitle, .propform .hint { color: var(--bs-muted) !important; }
.pagenav .countdisplay, .boxfooter, .uibox .boxfooter, a.menuselector, a.menuselector:active {
	background: var(--bs-head) !important; background-image: none !important; color: var(--bs-text) !important;
	border-color: var(--bs-border) !important; }
.splitter, #mailview-top, #mailview-bottom, #mailrightcontainer, #mailleftcontainer { border-color: var(--bs-border) !important; }
.popupmenu, .popupmenu ul, ul.toolbarmenu, .menu { background: var(--bs-panel) !important;
	color: var(--bs-text) !important; border-color: var(--bs-border) !important; }
ul.toolbarmenu li a, .popupmenu li a { color: var(--bs-text) !important; }
ul.toolbarmenu li a:hover, .popupmenu li a:hover { background: var(--bs-sel) !important; }
/* Mailliste besser erkennbar (am Ende -> gewinnt per Reihenfolge) */
.messagelist tbody tr:nth-child(odd)  td { background-color: #1d2228 !important; }
.messagelist tbody tr:nth-child(even) td { background-color: #242a31 !important; }
.messagelist tbody tr td { border-bottom: 1px solid #3d454e !important; }
.messagelist tbody tr:hover td { background-color: #2c343d !important; }
.messagelist tbody tr.unread td { background-color: #283039 !important; color: var(--bs-text-hi) !important; }
.messagelist tbody tr.unread td.subject { box-shadow: inset 3px 0 0 var(--bs-link) !important; }
.messagelist tbody tr.selected td, .messagelist tbody tr.selected td a {
	background-color: var(--bs-sel) !important; color: var(--bs-text-hi) !important; }
.messagelist tbody td, .messagelist tbody td a, .messagelist tbody td span { color: var(--bs-text) !important; }
.messagelist tbody tr.unread td, .messagelist tbody tr.unread td a { color: var(--bs-text-hi) !important; }
/* LESEBEREICH BLEIBT HELL: Mail-Anzeige/Verfassen/Einstellungen sind eigene iframe-
 * Seiten (body.iframe, larry-Standard #fff). Dunkel -> HTML-Mails ohne eigenen bg
 * laufen dunkel-auf-dunkel. Darum alles in den iframes wieder hell erzwingen. */
body.iframe { background: #fff !important; color: #333 !important; }
body.iframe .uibox, body.iframe .boxcontent, body.iframe .contentbox, body.iframe .watermark,
body.iframe #messagecontent, body.iframe #messagepartcontainer { background-color: #fff !important; color: #333 !important; }
body.iframe .boxtitle { background: #efefef !important; color: #777 !important; border-bottom: 1px solid #d0d0d0 !important; }
#messagecontframe, #messagepartframe { background: #fff !important; }
body.iframe #messagebody, body.iframe div.message-part, body.iframe div.message-htmlpart,
body.iframe .readtext { background-color: #fff !important; color: #333 !important; }
body.iframe input[type="text"], body.iframe input[type="password"], body.iframe input[type="email"],
body.iframe input[type="number"], body.iframe input[type="search"], body.iframe textarea, body.iframe select {
	background: #fff !important; color: #333 !important; border: 1px solid #b0b0b0 !important; }
body.iframe a, body.iframe a:visited { color: #0083d0 !important; }