/* Siteaservis brand overlay on Elastic — no Roundcube core edits */

:root {
  --ss-primary: #2b98d6;
  --ss-primary-hover: #227fb4;
  --ss-cyan: #00e5ff;
  --ss-bg: #121519;
  --ss-card: #1a1e24;
  --ss-sidebar: #161b22;
}

/* Primary actions / accents */
a, .listing li.selected > a,
.folderlist li.selected > a,
.messagelist tr.selected td,
.button.main,
.btn-primary,
.button.btn.btn-primary,
.formbuttons .button.main,
.popupmenu .button.main {
  --bs-primary: var(--ss-primary);
}

.button.main,
.btn-primary,
button.btn.btn-primary,
a.button.btn.btn-primary,
.formbuttons button.main,
input.button.main {
  background-color: var(--ss-primary) !important;
  border-color: var(--ss-primary) !important;
  color: #fff !important;
}
.button.main:hover,
.btn-primary:hover,
button.btn.btn-primary:hover,
a.button.btn.btn-primary:hover,
.formbuttons button.main:hover,
input.button.main:hover {
  background-color: var(--ss-primary-hover) !important;
  border-color: var(--ss-primary-hover) !important;
}

/* Left task menu */
#layout-menu,
#taskmenu {
  background: var(--ss-sidebar) !important;
  border-right: 1px solid rgba(255,255,255,0.08);
}
#taskmenu a.selected,
#taskmenu a:hover {
  background: rgba(43,152,214,0.18) !important;
  color: #fff !important;
}
#taskmenu a.selected {
  box-shadow: inset 3px 0 0 var(--ss-primary);
}

/* Selection / focus */
.listing li.selected,
.messagelist tr.selected,
.folderlist li.selected {
  background-color: rgba(43,152,214,0.14) !important;
}
.messagelist tr.selected td {
  border-color: transparent;
}

/* Links */
a.content,
#message-header a,
.header-links a {
  color: var(--ss-primary);
}
a.content:hover,
#message-header a:hover {
  color: var(--ss-primary-hover);
}

/* Login page */
body.task-login #layout {
  background: linear-gradient(145deg, #0f141a 0%, #161b22 45%, #1a2330 100%) !important;
}
body.task-login #layout-content,
body.task-login .formcontainer,
body.task-login #login-form {
  background: rgba(26,30,36,0.92) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
  color: #f3f4f6;
}
body.task-login #login-header,
body.task-login .login-header {
  color: #fff !important;
}
body.task-login input.form-control,
body.task-login input[type="text"],
body.task-login input[type="password"],
body.task-login input[type="email"] {
  background: #121519 !important;
  border: 1px solid #343b47 !important;
  color: #f3f4f6 !important;
  border-radius: 8px !important;
}
body.task-login label {
  color: #a8b0bb !important;
}
body.task-login #logo,
body.task-login .logo {
  max-height: 56px;
  margin-bottom: 0.75rem;
}

/* Header bar subtle brand */
#layout-content > .header,
#layout-list > .header,
#layout-sidebar > .header {
  border-bottom-color: rgba(43,152,214,0.25);
}

/* Unread badges */
.folderlist span.unreadcount,
.listing span.unreadcount {
  background: var(--ss-primary) !important;
  color: #fff !important;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #121519; }
::-webkit-scrollbar-thumb { background: #2a303a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--ss-primary); }

/* Dark mode: keep brand accent */
html.dark-mode .button.main,
html.dark-mode .btn-primary {
  background-color: var(--ss-primary) !important;
  border-color: var(--ss-primary) !important;
}
html.dark-mode #layout-menu,
html.dark-mode #taskmenu {
  background: #0f141a !important;
}

/* Sidebar / taskmenu logo */
#layout-menu .popover-header img#logo,
#logo {
  object-fit: contain;
  max-height: 48px;
  width: auto;
}
#layout-menu .popover-header {
  background: #161b22 !important;
}
html.dark-mode #logo {
  opacity: 1;
}