/* datx.space – gemeinsames Logo + "powered by" (Quelle: /home/Icons/datx-logo.html) */
.datx-logo { --dl-fg: #E8EAF0; --dl-muted: #8A90A0; --dl-line: #2A2E3A; --dl-accent: #4ADE80;
  display: inline-flex; align-items: center; gap: .9em; color: var(--dl-fg); text-decoration: none; font-size: 16px;
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace; }
.datx-logo__icon { width: 3.2em; height: 3.2em; border: 2px solid var(--dl-line); border-radius: .6em;
  display: grid; place-items: center; font-size: 1.1em; letter-spacing: -.02em; flex: none; }
.datx-logo__text { display: flex; flex-direction: column; line-height: 1; }
.datx-logo__name { font-size: 1.6em; display: flex; align-items: center; }
.datx-logo__cursor { display: inline-block; width: .55em; height: 1em; margin-left: .12em; background: var(--dl-accent);
  animation: datx-blink 1.1s steps(1) infinite; }
.datx-logo__tld { font-size: .7em; color: var(--dl-muted); margin-top: .35em; }
@keyframes datx-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .datx-logo__cursor { animation: none; } }
@media (prefers-color-scheme: light) {
  .datx-logo.auto { --dl-fg: #0B0C10; --dl-muted: #5B6170; --dl-line: #D5D8E0; --dl-accent: #16A34A; }
}

/* Kompakt für Navigationsleisten: nur Icon + "datx" in einer Zeile */
.datx-logo.compact { gap: .55em; }
.datx-logo.compact .datx-logo__icon { width: 2.2em; height: 2.2em; border-radius: .5em; font-size: .95em; }
.datx-logo.compact .datx-logo__text { flex-direction: row; align-items: baseline; }
.datx-logo.compact .datx-logo__name { font-size: 1.15em; }
.datx-logo.compact .datx-logo__tld { font-size: 1.15em; margin: 0; }
.datx-logo.compact .datx-logo__tld::before { content: ""; }

/* "powered by datx.space" */
.datx-powered { display: inline-flex; align-items: center; gap: .55em; text-decoration: none; color: #8A90A0; text-transform: none; letter-spacing: normal;
  font: 12px/1.2 ui-monospace, "SF Mono", "JetBrains Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace; }
.datx-powered:hover { color: #E8EAF0; }
.datx-powered__icon { display: grid; place-items: center; width: 22px; height: 22px; border: 1.5px solid currentColor;
  border-radius: 5px; font-size: 10px; opacity: .9; flex: none; }
.datx-powered b { font-weight: 600; color: inherit; }
.datx-powered b i { font-style: normal; color: #4ADE80; }