/* Strong Botstream LK override for Roundcube Elastic */
:root {
  --bs-bg: #f6f8fb;
  --bs-surface: #ffffff;
  --bs-border: #d1d5db;
  --bs-text: #111827;
  --bs-muted: #4b5563;
  --bs-accent: #0d9488;
  --bs-accent-hover: #0f766e;

  --bs-sidebar: #334155;      /* slate-700 */
  --bs-sidebar-2: #1f2937;    /* gray-800 */
  --bs-sidebar-text: #f3f4f6;

  /* Light theme specific contrast for folder/group rows */
  --bs-row-bg: #eef2f7;
  --bs-row-bg-hover: #e2e8f0;
  --bs-row-bg-selected: #dbeafe;
  --bs-row-text: #1f2937;
  --bs-row-border: #cbd5e1;
}

html.dark-mode {
  --bs-bg: #0c0a09;
  --bs-surface: #1c1917;
  --bs-border: #44403c;
  --bs-text: #f5f5f4;
  --bs-muted: #a8a29e;
  --bs-accent: #14b8a6;
  --bs-accent-hover: #0d9488;
  --bs-sidebar: #111827;
  --bs-sidebar-2: #0f172a;
  --bs-sidebar-text: #e5e7eb;

  --bs-row-bg: transparent;
  --bs-row-bg-hover: rgba(20, 184, 166, 0.10);
  --bs-row-bg-selected: rgba(20, 184, 166, 0.20);
  --bs-row-text: #e5e7eb;
  --bs-row-border: rgba(255,255,255,0.16);
}

html, body, #layout { background: var(--bs-bg) !important; color: var(--bs-text) !important; }

#layout-menu,
#taskmenu,
#layout-sidebar {
  background: linear-gradient(180deg, var(--bs-sidebar), var(--bs-sidebar-2)) !important;
  color: var(--bs-sidebar-text) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#taskmenu a,
#taskmenu span,
#layout-menu a,
#layout-menu .button,
#layout-sidebar .header,
#layout-sidebar .searchbar,
#layout-sidebar .boxlist,
#layout-sidebar .boxtitle,
#folderlist-content li a,
#folderlist-content li {
  color: var(--bs-sidebar-text) !important;
}

/* === FIX: readable rows in light theme === */
#folderlist-content li,
#contacts-groupmenu .listing li,
#mailboxlist li,
.listing li {
  background: var(--bs-row-bg) !important;
  color: var(--bs-row-text) !important;
  border-bottom: 1px solid var(--bs-row-border) !important;
}

#folderlist-content li a,
#contacts-groupmenu .listing li a,
#mailboxlist li a,
.listing li a,
.listing li span {
  color: var(--bs-row-text) !important;
  opacity: 1 !important;
}

#folderlist-content li.selected,
#folderlist-content li.selected > a,
#contacts-groupmenu .listing li.selected,
#contacts-groupmenu .listing li.selected > a,
#mailboxlist li.selected,
#mailboxlist li.selected > a,
.listing li.selected,
.listing li.selected > a {
  background: var(--bs-row-bg-selected) !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

#folderlist-content li:hover,
#folderlist-content li:hover > a,
#contacts-groupmenu .listing li:hover,
#contacts-groupmenu .listing li:hover > a,
#mailboxlist li:hover,
#mailboxlist li:hover > a,
.listing li:hover,
.listing li:hover > a {
  background: var(--bs-row-bg-hover) !important;
  color: #0f172a !important;
}

/* Keep dark-mode sidebar rows dark and readable */
html.dark-mode #folderlist-content li,
html.dark-mode #contacts-groupmenu .listing li,
html.dark-mode #mailboxlist li,
html.dark-mode .listing li {
  color: var(--bs-row-text) !important;
}

#layout-content,
#mailview-top,
#mailview-bottom,
#messagelist-container,
#message,
#messagecontent,
.contentframe,
.boxcontent {
  background: var(--bs-surface) !important;
  color: var(--bs-text) !important;
  border-color: var(--bs-border) !important;
}

#messagelist-header,
#messagelist-footer,
.records-table thead tr,
#mailboxlist-header,
.toolbar {
  background: #f8fafc !important;
  border-color: var(--bs-border) !important;
}

html.dark-mode #messagelist-header,
html.dark-mode #messagelist-footer,
html.dark-mode .records-table thead tr,
html.dark-mode #mailboxlist-header,
html.dark-mode .toolbar {
  background: #292524 !important;
}

#messagelist tbody tr td,
#messagelist tbody tr a { color: var(--bs-text) !important; border-color: var(--bs-border) !important; }
#messagelist tbody tr:hover td { background: rgba(13,148,136,0.08) !important; }
#messagelist tbody tr.selected td { background: rgba(13,148,136,0.16) !important; }

.form-control, #quicksearchbox, .searchbar input, input, select, textarea {
  background: var(--bs-surface) !important;
  color: var(--bs-text) !important;
  border-color: var(--bs-border) !important;
}

.form-control:focus, #quicksearchbox:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--bs-accent) !important;
  box-shadow: 0 0 0 2px rgba(13,148,136,0.28) !important;
}

.btn-primary,
.button.mainaction,
#rcmloginsubmit {
  background: var(--bs-accent) !important;
  border-color: var(--bs-accent) !important;
  color: #fff !important;
}

.btn-primary:hover,
.button.mainaction:hover,
#rcmloginsubmit:hover {
  background: var(--bs-accent-hover) !important;
  border-color: var(--bs-accent-hover) !important;
}

#login-form {
  background: var(--bs-surface) !important;
  border: 1px solid var(--bs-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.14) !important;
}
#logo { max-height: 46px !important; width: auto !important; }

#layout-footer, #login-footer, #rcmlogininfo { color: var(--bs-muted) !important; }