/* WUNDER Stiftung — Roundcube Custom Theme */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');

:root {
  --wunder-magenta: #FF9FC9;
  --wunder-magenta-dark: #E088B8;
  --wunder-rose: #FFD6E8;
}

body, .ui.menu, .ui.header, input, textarea, select, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Task menu (left sidebar) */
#layout-menu, #taskmenu {
  background-color: #3d2a35 !important;
}
#taskmenu a.selected, #taskmenu a:hover, .toolbar-list-widget a.selected {
  background-color: rgba(255, 159, 201, 0.2) !important;
}
#taskmenu a.button-selected::before, #taskmenu a.selected::before {
  color: var(--wunder-magenta) !important;
}
#taskmenu a.compose::before, #taskmenu a.create::before, .button.create::before {
  color: var(--wunder-magenta) !important;
}

/* Toolbar / Header */
.header, #layout > .header, .layout-header {
  border-bottom-color: var(--wunder-rose) !important;
}

/* Buttons: primary */
.btn-primary, a.btn-primary, button.btn-primary, input.btn-primary {
  background-color: var(--wunder-magenta) !important;
  border-color: var(--wunder-magenta) !important;
  color: #fff !important;
}
.btn-primary:hover, a.btn-primary:hover, button.btn-primary:hover {
  background-color: var(--wunder-magenta-dark) !important;
  border-color: var(--wunder-magenta-dark) !important;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 201, 0.4) !important;
}

/* Links */
a, .rcmlink { color: var(--wunder-magenta-dark) !important; }
a:hover { color: #c06890 !important; }

/* Selection highlights */
.listing li.selected, .listing li.selected > div, .listing tr.selected td, table.listing tr.selected td {
  background-color: rgba(255, 159, 201, 0.12) !important;
}
.listing li.focused, .listing tr.focused td {
  border-left-color: var(--wunder-magenta) !important;
}

/* Unread badge */
.unreadcount, span.unreadcount {
  background-color: var(--wunder-magenta) !important;
  color: #fff !important;
}

/* Checkboxes */
.custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked + label::before {
  background-color: var(--wunder-magenta) !important;
  border-color: var(--wunder-magenta) !important;
}

/* Focus ring */
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: rgba(255, 159, 201, 0.4) !important;
  box-shadow: 0 0 0 0.15rem rgba(255, 159, 201, 0.15) !important;
}

/* Menu hover */
.popupmenu li a:hover, .popupmenu li.selected > a, .menu a:hover {
  background-color: var(--wunder-magenta) !important;
  color: #fff !important;
}

/* Quota bar */
.quotabar .bar { background-color: var(--wunder-magenta) !important; }

/* Login page — no borders */
#login-form { border: none !important; }

#login-form .formbuttons .btn-primary {
  background: linear-gradient(135deg, var(--wunder-magenta), var(--wunder-magenta-dark)) !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 0.6rem 2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
}
#login-form .formbuttons .btn-primary:hover {
  opacity: 0.9 !important;
  transform: scale(1.02);
  transition: all 0.2s ease !important;
}

#logo { margin-bottom: 1rem; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: var(--wunder-rose); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--wunder-magenta); }
::-webkit-scrollbar-track { background: #fafafa; }

.watermark { opacity: 0.03 !important; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  :root { --wunder-rose: #3d2a35; }
  #layout-menu, #taskmenu { background-color: #1a1218 !important; }
  .btn-primary, a.btn-primary, button.btn-primary { background-color: #c06890 !important; border-color: #c06890 !important; }
  .listing li.selected, .listing tr.selected td { background-color: rgba(255, 159, 201, 0.08) !important; }
  ::-webkit-scrollbar-thumb { background: #3d2a35; }
  ::-webkit-scrollbar-track { background: #1a1218; }
}