/* RealDodos theme overlay for Roundcube (elastic skin).
   Loaded after the packaged elastic CSS via nginx sub_filter, so these rules
   only need to win on specificity/order, not replace the base skin. */

:root {
  --bs-primary: #ff7a1a;
  --bs-primary-rgb: 255, 122, 26;
  --bs-body-bg: #0a0603;
  --bs-body-color: #f6f3ef;
  --bs-link-color: #ff9142;
  --bs-border-color: rgba(255, 122, 26, 0.28);
}

html, body {
  background-color: #0a0603 !important;
  color: #f6f3ef !important;
}

#layout, #layout-content, #layout-list, #layout-sidebar, #layout-menu {
  background-color: #0a0603 !important;
  color: #f6f3ef !important;
  border-color: rgba(255, 122, 26, 0.15) !important;
}

#taskmenu, #layout-menu {
  background: #060402 !important;
}

#taskmenu a, #layout-menu a {
  color: #c9beb4 !important;
}

#taskmenu a.selected, #taskmenu a:hover,
#layout-menu a.selected, #layout-menu a:hover {
  color: #ff7a1a !important;
  background: rgba(255, 122, 26, 0.14) !important;
}

#layout-sidebar {
  background: #120a05 !important;
}

#layout-sidebar a.selected, #layout-sidebar li.selected > a,
#layout-sidebar li.active > a {
  background: rgba(255, 122, 26, 0.16) !important;
  color: #ff7a1a !important;
}

a { color: #ff9142; }
a:hover { color: #ff7a1a; }

.btn-primary, #rcmloginsubmit {
  background: linear-gradient(135deg, #ff9142 0%, #ff7a1a 55%, #e05e00 100%) !important;
  border-color: transparent !important;
  color: #1a0d02 !important;
}

#login-form {
  background: #171a21 !important;
  border: 1px solid rgba(255, 122, 26, 0.28) !important;
  border-radius: 16px !important;
}

#login-form input {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.list-message.unread, tr.message.unread {
  font-weight: 700 !important;
}