/* CYBERDECK TACTICAL MASTODON VARIABLES THEME */

:root {
  /* --- HINTERGRÜNDE & PANELS --- */
  --color-bg-app: #020503;
  /* Gesamter App-Hintergrund (Fast Schwarz) */
  --color-bg-surface: #060c07;
  /* Spalten, Drawer, Boxen */
  --color-bg-card: #0b140d;
  /* Einzelne Posts (Status), Karten, Notification-Cards */
  --color-bg-overlay: #0b140d;
  /* Dropdowns, Hover-Menüs, Popovers, Modals */

  /* --- BRAND- & INTERAKTIONSFARBEN (BUTTONS STANDARD) --- */
  --color-bg-brand-base: #14532d;
  /* Dunkles Taktisch-Grün für Buttons im Ruhezustand */
  --color-text-brand-base: #6ee7b7;
  /* Hellerer Text auf den Buttons */
  --color-link-base: #22c55e;
  /* Standard Link-Farbe */

  /* --- BRAND- & INTERAKTIONSFARBEN (BUTTONS HOVER) --- */
  --color-bg-brand-hover: #15803d;
  /* Schickes, mittleres Taktisch-Grün beim Drüberfahren */
  --color-text-brand-hover: #ffffff;
  /* Weißer oder sehr heller Text beim Hovern für Lesbarkeit */
  --color-link-hover: #4ade80;
  /* Aufleuchtende Links im Hover-Zustand */

  --color-bg-brand-active: #0f1c12;
  /* Buttons beim Klicken */

  /* --- TEXTFARBEN --- */
  --color-text-primary: #60e198;
  /* Haupttext (Gedimmter Matrix-Text) */
  --color-text-secondary: #2d8233;
  /* Sekundärer Text (Hashtags, Mentions) */
  --color-text-tertiary: #3f9662;
  /* Zeitstempel, Meta-Infos, Platzhalter */

  /* --- RAHMEN & TRENNLINIEN (MINIMAL gehalten) --- */
  --color-border-base: #0d1a11;
  /* Standard-Trennlinien zwischen Posts (Extrem dezent) */
  --color-border-visual: #0d1a11;
  /* Rahmen um Panels, Spalten, etc. */
  --color-border-input: #14532d;
  /* Rahmen für Suchfelder/Textfelder */

  /* --- FORMULARE & EINGABEN --- */
  --color-bg-input: #020503;
  /* Hintergrund von Textareas und Suche */
  --color-text-input: #22c55e;
  /* Textfarbe beim Tippen */
}

/* --- ERGÄNZENDE TERMINAL-EFFEKT-ANPASSUNGEN --- */

/* Verfügbare Systemschrift mit generischem Fallback */
body,
button,
input,
textarea,
select {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* VISUELL STABILER HINTERGRUND: Nutzt ein ruhiges, SVG-basiertes Monitortextur-Rauschen */
body.app-body,
.ui {
  background-color: var(--color-bg-app) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.025'/%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  font-size: 14px !important;
}

.detailed-status {
  font-size: 18px !important;
}

/* Entfernt unruhige Pseudo-Elemente, die über dem Text liegen könnten */
body.app-body::after {
  display: none !important;
}

/* Entfernt harte Schatten/Glows im Adminbereich und auf Spalten */
.column,
.drawer,
.box,
.admin-wrapper .sidebar-navigation ul li a.selected {
  border: none !important;
  box-shadow: none !important;
}

/* Scrollbars an das Farbschema anpassen */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-app);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border-input);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-bg-brand-base);
}

/* Avatare und Medien für den Taktik-Look leicht desaturieren */
.account__avatar,
.avatar,
.media-gallery__item-thumbnail img {
  filter: grayscale(30%) contrast(110%) brightness(85%);
  border: none !important;
}