:root {
  --bobbie-bg-1: #071321;
  --bobbie-bg-2: #0e2238;
  --bobbie-surface: rgba(10, 24, 40, 0.9);
  --bobbie-line: #1b476f;
  --bobbie-text: #d8f4ff;
  --bobbie-muted: #86bccb;
  --bobbie-accent: #23d5ff;
  --bobbie-accent-2: #53ffc6;
}

html, body {
  color-scheme: dark;
  background: radial-gradient(circle at 12% 6%, rgba(35,213,255,.14) 0%, transparent 34%),
              radial-gradient(circle at 82% 18%, rgba(83,255,198,.10) 0%, transparent 28%),
              linear-gradient(150deg, #050c18 0%, var(--bobbie-bg-1) 52%, #050b15 100%) !important;
  color: var(--bobbie-text) !important;
}

/* Login */
body.task-login #layout-content {
  background: linear-gradient(180deg, rgba(14,34,56,.95), rgba(8,21,36,.98)) !important;
  border: 1px solid var(--bobbie-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.35) !important;
}
body.task-login #logo,
body.task-login #login-footer { display: none !important; }

/* Inputs */
input, textarea, select {
  background: #09192a !important;
  color: var(--bobbie-text) !important;
  border: 1px solid var(--bobbie-line) !important;
}

/* Main surfaces */
#layout-sidebar, #taskmenu, #messagelist, #mailview-top, #mailview-bottom,
#messageheader, #messagebody, #layout {
  background-color: var(--bobbie-surface) !important;
  border-color: var(--bobbie-line) !important;
}

/* Remove left menu logo/branding completely */
#layout-sidebar::before,
#taskmenu::before,
#taskmenu::after {
  content: none !important;
  display: none !important;
}

/* Links/text */
a { color: var(--bobbie-accent) !important; }
label, .hint, .boxtitle, .listing li, .date, .fromto { color: var(--bobbie-muted) !important; }

/* Selection/hover */
tr.selected > td,
li.selected,
a.active,
.active { background-color: rgba(35,213,255,.16) !important; }
#messagelist tbody tr:hover td { background-color: rgba(83,255,198,.10) !important; }

/* Toolbar buttons fix */
.toolbar a,
.toolbar .button,
.toolbarmenu a,
#messagetoolbar a,
#mailtoolbar a,
#taskmenu a.button,
.popover .menu a,
ul.toolbarmenu li a {
  background: #10253a !important;
  color: var(--bobbie-text) !important;
  border: 1px solid #28506f !important;
  border-radius: 8px !important;
}

.toolbar a:hover,
.toolbar .button:hover,
#messagetoolbar a:hover,
#mailtoolbar a:hover,
ul.toolbarmenu li a:hover {
  background: #16344f !important;
  border-color: #3d769f !important;
}

.toolbar a.selected,
.toolbar .button.selected,
#messagetoolbar a.selected,
#mailtoolbar a.selected {
  background: linear-gradient(90deg, var(--bobbie-accent), var(--bobbie-accent-2)) !important;
  color: #032334 !important;
  border-color: transparent !important;
}

/* Primary action buttons */
.mainaction, .button.mainaction {
  background: linear-gradient(90deg, var(--bobbie-accent), var(--bobbie-accent-2)) !important;
  border: 0 !important;
  color: #032334 !important;
  font-weight: 700 !important;
}

/* Disable light mode UI toggle and keep dark appearance */
[data-command="dark-mode"],
[data-action="dark-mode"],
.darkmode,
.dark-mode-toggle,
.toggle-dark-mode,
#layout-menu .theme-toggle {
  display: none !important;
}

html, body {
  color-scheme: dark !important;
}