/* Elastic-Base zuerst laden — sonst ist die gesamte Roundcube-UI nackt! */
@import url('/skins/elastic/styles/styles.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* OCENOX CI Overrides
   Dark Gray #404040 | Primary Blue #295F7C | Highlight #3B8AB4
*/
:root {
  --color-ocenox-dark:   #404040;
  --color-ocenox-blue:   #295F7C;
  --color-ocenox-accent: #3B8AB4;
}

html, body, input, select, textarea, button,
.formbuttons button, .menu a, .pagenav a {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
}

/* Primär-Akzent */
.button.primary,
.formbuttons button.mainaction,
button.btn-primary,
a.button.primary {
  background-color: var(--color-ocenox-blue) !important;
  border-color: var(--color-ocenox-blue) !important;
  color: #fff !important;
}
.button.primary:hover,
.formbuttons button.mainaction:hover,
button.btn-primary:hover {
  background-color: var(--color-ocenox-accent) !important;
  border-color: var(--color-ocenox-accent) !important;
}

a, a:visited { color: var(--color-ocenox-blue); }
a:hover      { color: var(--color-ocenox-accent); }

/* Header / Toolbar */
#layout-menu,
#layout > .header,
body.task-logout #layout {
  background-color: var(--color-ocenox-dark) !important;
  color: #fff;
}
#taskmenu a, #taskmenu a.button { color: #e6e6e6; }
#taskmenu a.button.selected,
#taskmenu a.button:hover {
  color: #fff;
  background-color: var(--color-ocenox-blue);
}

/* Login-Seite */
body.task-login #layout {
  background: linear-gradient(135deg, var(--color-ocenox-dark) 0%, var(--color-ocenox-blue) 100%);
}
body.task-login #layout .content {
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  border-radius: 8px;
}
/* Login-Logo größer (Elastic begrenzt auf 150px, wir brauchen Platz für 300x218) */
.task-login #logo {
  max-height: 240px !important;
  max-width: 320px !important;
  top: 8vh !important;
}

/* Aktive Mail-Zeile */
.messagelist tr.selected td,
.listing.table tbody tr.selected td {
  background-color: rgba(41, 95, 124, 0.15) !important;
}
.messagelist tr.unread td { font-weight: 600; }

/* Logo wird über $config['skin_logo'] gesetzt — NICHT per CSS-Background,
   sonst schreibt Roundcube's Skin-URL-Rewriter den Pfad kaputt. */

/* Scrollbars */
::-webkit-scrollbar-thumb           { background-color: rgba(41, 95, 124, 0.4); }
::-webkit-scrollbar-thumb:hover     { background-color: var(--color-ocenox-blue); }