/* ============================================================
   PR-Bau Theme fuer Vikunja — MINIMAL & dark-mode-sicher (24.06.2026)
   Grundsatz: NIEMALS feste Hintergrund-/Textfarben erzwingen.
   Nur: Logo, Lama-Entfernung, Akzentfarbe, Ecken. Farben = Vikunja-Variablen.
   ============================================================ */

/* --- Akzentfarbe nur fuer Primary-Buttons/Links (kein bg/text-Zwang) --- */
.button.is-primary {
  background-color: #2563eb !important;
  border-color: transparent !important;
  border-radius: 10px !important;
}
.button.is-primary:hover { background-color: #1e40af !important; }

/* --- Logo: Lama-SVG ausblenden, PR-Monogramm als Bild --- */
.logo svg,
a.logo-link svg,
.navbar .logo svg { display: none !important; }
.logo,
a.logo-link {
  background-image: url("/pr-logo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-inline-size: 150px !important;
  min-block-size: 44px !important;
}
.content-auth .logo,
.link-share-container .logo {
  background-image: url("/pr-symbol.svg") !important;
  background-position: center !important;
  block-size: 96px !important;
}

/* --- Lama restlos entfernen (Maskottchen + Login-Foto) --- */
.llama-cool,
img.llama-cool,
[class*="llama"] { display: none !important; }
.no-auth-wrapper { background-image: none !important; }
.image[data-v-d56b4d0d] {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #0ea5e9 100%) !important;
}
img[src*="llama"], img[src*="no-auth-image"] { display: none !important; }

/* --- Ecken etwas weicher (KEINE Farbe!) --- */
.card, .modal-content { border-radius: 14px !important; }
.input, .textarea, .select select { border-radius: 10px !important; }

/* --- Kanban-Spalten: vom Body abheben, in BEIDEN Modi, KEIN Text-Eingriff --- */
/* Light-Mode: Body ist hell-grau -> Spalte minimal dunkler + sichtbare Kante */
.bucket {
  background-color: #e2e8f0 !important;   /* slate-200, deutlich vom hellen Body abgesetzt */
  border: 1px solid #cbd5e1 !important;   /* slate-300 Kante */
  border-radius: 14px !important;
}
.bucket-header, .bucket-footer { background-color: transparent !important; }
/* Karten heben sich weiss von der grauen Spalte ab */
.bucket .task { background-color: #ffffff !important; }

/* Dark-Mode: Spalte etwas HELLER als der dunkle Body, Karte dunkel gehalten */
.dark .bucket {
  background-color: #1e293b !important;   /* slate-800 */
  border: 1px solid #334155 !important;   /* slate-700 */
}
.dark .bucket .task { background-color: #0f172a !important; }  /* slate-900 */