/*
 * PHOENYRA Design V2 – eigenständige Seiten ohne base.html (TM 10.16)
 * Anmelde- und Exportseiten sind bewusst dunkel (Entscheidung Heinz 2026-10-30): kein Umschalter,
 * aber V2-Dunkel-Tokens, Schrift Inter und Corporate-Leiste. Wirkt nur mit
 * <html data-ph-theme="dark" data-ph-theme-mode="standalone-dark"> und nur am Bildschirm;
 * der Ausdruck bleibt wie bisher. Keine Fachlogik.
 */
@media screen {

/* Schrift Inter ersetzt bewusst die eigenen Schriftstapel der Seiten (z. B. Login) */
:root[data-ph-theme-mode="standalone-dark"] body { font-family: var(--ph-font-sans); }

/* Flächen */
:root[data-ph-theme-mode="standalone-dark"] .bg-gray-900,
:root[data-ph-theme-mode="standalone-dark"] .bg-slate-900 { background-color: var(--ph-bg) !important; }
:root[data-ph-theme-mode="standalone-dark"] .bg-gray-800,
:root[data-ph-theme-mode="standalone-dark"] .bg-slate-800 { background-color: var(--ph-surface) !important; }
:root[data-ph-theme-mode="standalone-dark"] .bg-gray-700 { background-color: #1a2a38 !important; }
:root[data-ph-theme-mode="standalone-dark"] .bg-gray-600,
:root[data-ph-theme-mode="standalone-dark"] .hover\:bg-gray-600:hover { background-color: #2c3e4f !important; }
:root[data-ph-theme-mode="standalone-dark"] .from-gray-900 { --tw-gradient-from: var(--ph-bg) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
:root[data-ph-theme-mode="standalone-dark"] .to-gray-800 { --tw-gradient-to: var(--ph-surface) var(--tw-gradient-to-position) !important; }

/* Linien */
:root[data-ph-theme-mode="standalone-dark"] .border-gray-700,
:root[data-ph-theme-mode="standalone-dark"] .border-slate-700 { border-color: var(--ph-line) !important; }
:root[data-ph-theme-mode="standalone-dark"] .border-gray-600,
:root[data-ph-theme-mode="standalone-dark"] .border-slate-600 { border-color: #2c3e4f !important; }

/* Schrift */
:root[data-ph-theme-mode="standalone-dark"] .text-gray-300,
:root[data-ph-theme-mode="standalone-dark"] .text-slate-300 { color: var(--ph-text-2) !important; }
:root[data-ph-theme-mode="standalone-dark"] .text-gray-400,
:root[data-ph-theme-mode="standalone-dark"] .text-gray-500,
:root[data-ph-theme-mode="standalone-dark"] .text-slate-400 { color: var(--ph-muted) !important; }

/* Akzent: bisheriges Grün der Überschriften/Links → V2-Akzent (Petrol) */
:root[data-ph-theme-mode="standalone-dark"] .text-green-400 { color: var(--ph-accent) !important; }

/* Native Felder (Autofill, Auswahllisten) unverändert wie vor der Umstellung */
:root[data-ph-theme-mode="standalone-dark"] { color-scheme: normal; }

/* Corporate-Leiste (wie Kopfzeile der übrigen Seiten) */
.ph-standalone-bar { background: var(--ph-header-bg); border-bottom: 1px solid var(--ph-header-line); }
.ph-standalone-bar-inner { max-width: 80rem; margin: 0 auto; padding: 0.6rem 1rem; display: flex; align-items: center; }
.ph-standalone-brand { display: inline-flex; align-items: center; gap: 0.65rem; color: #ffffff; text-decoration: none; }
.ph-standalone-brand img { width: 36px; height: 36px; border-radius: 8px; object-fit: contain; }
.ph-standalone-brand strong { display: block; font-weight: 600; letter-spacing: 0.02em; line-height: 1.1; }
.ph-standalone-brand small { display: block; color: #c4d0db; font-size: 0.75rem; }
}

/* Leiste im Druck nicht ausgeben (Seiten druckten bisher ohne sie) */
@media print { .ph-standalone-bar { display: none !important; } }