/* ============================================================
   MANTIS OPS — Full Theme Overlay für yopass (otp.mantis-ops.de)
   Rein kosmetisch am nginx-Ingress injiziert (sub_filter).
   yopass-App/DOM unberührt → keine Funktionsänderung.
   Rollback: /var/www/mantis-brand.css.bak.* zurückkopieren.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&family=JetBrains+Mono:wght@400;600&display=swap');

/* ---- Palette: beide yopass-Themes (emerald=hell default, dim) auf MANTIS-Dark zwingen ---- */
:root,
html[data-theme="emerald"],
html[data-theme="dim"] {
  --color-base-100: #0d0a19;      /* Karten / Panels */
  --color-base-200: #070510;      /* Seiten-Hintergrund */
  --color-base-300: #211b36;      /* Rahmen / Hover */
  --color-base-content: #ece9f6;  /* Text */
  --color-primary: #a855f7;       /* MANTIS-Grün */
  --color-primary-content: #0a0518;
  --color-secondary: #948da8;
  --color-secondary-content: #0a0518;
  --color-accent: #a855f7;
  --color-accent-content: #0a0518;
  --color-neutral: #0b0818;
  --color-neutral-content: #ece9f6;
  --color-success: #a855f7;
  --color-error: #e06b5a;
  --color-info: #6fb3c9;
  --color-warning: #d4b45a;
  color-scheme: dark;
}

/* ---- Typo ---- */
html, body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  background: #070510 !important;
  color: #ece9f6;
}
h1, h2, h3, .font-bold, .font-semibold { letter-spacing: -0.01em; }

/* Body-Hintergrund: dezenter grüner Schimmer + Grid-Feel */
body {
  background:
    radial-gradient(1100px 480px at 50% -6%, rgba(168,85,247,0.10), transparent 70%),
    #070510 !important;
}

/* ---- Seiten-Grundflächen sicher dunkel ---- */
.bg-base-200 { background-color: #070510 !important; }
.bg-base-100 { background-color: #0d0a19 !important; }

/* ---- Header / Navbar ---- */
header {
  background: rgba(7,5,16,0.85) !important;
  border-bottom: 1px solid #211b36 !important;
  backdrop-filter: blur(10px);
}
/* yopass-Logo (Bild) ausblenden, Wortmarke ersetzen */
header a.text-lg.font-bold img { display: none !important; }
header a.text-lg.font-bold span.truncate { font-size: 0 !important; line-height: 1; }
header a.text-lg.font-bold span.truncate::after {
  content: "MANTIS OPS";
  font-size: 1.15rem; font-weight: 800; letter-spacing: 2px;
  color: #ece9f6; font-family: 'Inter', system-ui, sans-serif;
}
header a.text-lg.font-bold:hover span.truncate::after { color: #a855f7; }

/* ---- Card / Panel ---- */
.card {
  background: linear-gradient(180deg, #120d20, #0b0818) !important;
  border: 1px solid #211b36 !important;
  box-shadow: 0 0 0 1px rgba(168,85,247,0.05), 0 24px 60px -30px rgba(0,0,0,0.9) !important;
  border-radius: 16px !important;
}
.card h2 { color: #f4f1fb; }

/* ---- Überschriften-Akzentleiste (MANTIS-Stil) ---- */
main .card-body > h2:first-of-type {
  border-left: 4px solid #a855f7; padding-left: 14px;
}

/* ---- Eingabefelder ---- */
.textarea, .input, .select {
  background: #080610 !important;
  border: 1px solid #2a2340 !important;
  color: #ece9f6 !important;
  border-radius: 10px !important;
}
.textarea::placeholder, .input::placeholder { color: #6b6480 !important; }
.textarea:focus, .input:focus { border-color: #a855f7 !important; }

/* ---- Ablauf-Umschalter (join btns) ---- */
.join-item.btn {
  background: #0c0a18 !important; border: 1px solid #2a2340 !important;
  color: #c8c3d4 !important;
}
.join-item.btn:hover { border-color: #a855f7 !important; color: #ece9f6 !important; }
.join-item.btn.btn-active,
.join-item.btn:checked,
.join-item.btn[aria-pressed="true"] {
  background: #a855f7 !important; color: #0a0518 !important; border-color: #a855f7 !important;
}

/* ---- Buttons ---- */
.btn-primary {
  background: #a855f7 !important; border-color: #a855f7 !important; color: #0a0518 !important;
  font-weight: 700 !important; letter-spacing: 0.3px;
}
.btn-primary:hover { background: #bd7dff !important; border-color: #bd7dff !important; }

/* ---- Checkboxen ---- */
.checkbox-primary:checked, .checkbox:checked { background-color: #a855f7 !important; border-color: #a855f7 !important; }

/* ---- Feature-Kacheln ---- */
.border-base-300 { border-color: #211b36 !important; }
.bg-base-100.border { background: #0c0a18 !important; }

/* ---- Footer ---- */
footer { color: #7a7488 !important; border-top: 1px solid #211b36; }
footer a { color: #a855f7 !important; }

/* Mono-Akzent für Codes/Links (Secret-URLs) */
code, pre, .font-mono, input[readonly] { font-family: 'JetBrains Mono', ui-monospace, monospace !important; }