/* EZedu-Designschicht für den Simulator (9.11.2026): wird als letztes Stylesheet geladen.
   Apple-Stil wie im Katalog: Glas-Kopfleiste, Logo-Kachel „//“, Pillenknöpfe, weiche Karten, Dunkelmodus.
   Die Monitoranzeige (schwarz, Kurvenfarben) bleibt bewusst realistisch und wird hier nicht verändert. */
:root{--ez-blau:#0A84FF;--ez-marke:linear-gradient(120deg,#0A84FF,#00B8D9 60%,#00C25A)}
/* Logo: weißer Doppelstrich auf blau-grüner Verlaufskachel (wie Katalog) */
.logo{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMEE4NEZGIi8+PHN0b3Agb2Zmc2V0PSIuNTUiIHN0b3AtY29sb3I9IiMwMEI4RDkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMEMyNUEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSIxNiIgZmlsbD0idXJsKCNnKSIvPjxnIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI3IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0yNyAxNyBMMTggNDciLz48cGF0aCBkPSJNNDUgMTcgTDM2IDQ3Ii8+PC9nPjwvc3ZnPg==") center/cover no-repeat!important;border-radius:28%!important;color:transparent!important;box-shadow:0 4px 14px rgba(10,132,255,.25)!important}
.logo>*{visibility:hidden}
/* Cockpit: helle Glas-Kopfleiste statt dunklem Balken */
#kopf{background:rgba(255,255,255,.80)!important;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);color:var(--text)!important;border-bottom:1px solid rgba(29,29,31,.08)!important;position:sticky;top:0;z-index:20}
#kopf .leise{color:#6E6E73!important}
#kopf button{background:rgba(29,29,31,.06)!important;color:var(--text)!important;border-color:transparent!important}
#kopf button:hover{background:rgba(29,29,31,.11)!important}
#kopf button.an{background:#FF9F0A!important;color:#fff!important}
#kopf button.fallende{background:rgba(255,59,48,.12)!important;color:#C8102E!important}
#kopf .kpill{background:rgba(29,29,31,.06)!important;color:#4A4F5A!important;border-color:transparent!important}
/* Knöpfe und Karten */
[data-ezseite=handy] .karte{border:0;border-radius:22px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(16,32,58,.08)}
button{border-radius:999px;border-color:rgba(29,29,31,.10)}
button.prim{background:var(--ez-blau);box-shadow:0 6px 18px rgba(10,132,255,.30)}
button.prim:hover{background:#0077ED}
.box{border:0!important;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(16,32,58,.07)}
input,select,textarea{border-radius:12px}
/* Handy: helle Glas-Kopfleiste, ruhiger Fuß */
[data-ezseite=handy] body > header{background:rgba(255,255,255,.82)!important;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);color:#1D1D1F!important;border-bottom:1px solid rgba(29,29,31,.08)!important}
[data-ezseite=handy] body::after{background:var(--ez-marke)!important;opacity:.9}
/* Dunkelmodus (folgt dem System) */
@media (prefers-color-scheme: dark){
  [data-ezseite=cockpit],[data-ezseite=handy],[data-ezseite=pruefung]{--papier:#0B0F17;--grau-flaeche:#1B2230;--grau-linie:rgba(255,255,255,.12);--anthrazit:#F5F5F7;--anthrazit-2:#D1D1D6;--limette-hell:rgba(10,132,255,.18);--oliv-dunkel:#5AB0FF}
  [data-ezseite=cockpit] body,[data-ezseite=handy] body,[data-ezseite=pruefung] body{color-scheme:dark}
  #kopf,[data-ezseite=handy] body > header{background:rgba(11,15,23,.80)!important;color:#F5F5F7!important;border-bottom-color:rgba(255,255,255,.08)!important}
  #kopf .leise{color:#A1A1A6!important}
  #kopf .kpill{background:rgba(255,255,255,.10)!important;color:#D1D1D6!important}
  #kopf button{background:rgba(255,255,255,.10)!important;color:#F5F5F7!important}
  [data-ezseite=cockpit] button,[data-ezseite=handy] button,[data-ezseite=pruefung] button{background:#1B2230;color:#F5F5F7;border-color:rgba(255,255,255,.12)}
  [data-ezseite=cockpit] button:hover,[data-ezseite=handy] button:hover,[data-ezseite=pruefung] button:hover{background:#232B3A;border-color:rgba(255,255,255,.2)}
  [data-ezseite=cockpit] .box,[data-ezseite=pruefung] .box{background:#151B26!important;color:#F5F5F7}
  [data-ezseite=cockpit] :is(input,select,textarea),[data-ezseite=handy] :is(input,select,textarea){background:#1B2230;color:#F5F5F7;border-color:rgba(255,255,255,.14)}
  [data-ezseite=handy] :is(.karte,.sort .zeile,.begriffkarte > div,.sortliste li){background:#151B26!important;border-color:rgba(255,255,255,.10)!important;color:#F5F5F7}
  [data-ezseite=handy] .rollenkarte{background:rgba(255,159,10,.14)!important;border-color:rgba(255,159,10,.35)!important}
  [data-ezseite=handy] :is(.karte select,.selbstskala button){background:#1B2230;color:#F5F5F7;border-color:rgba(255,255,255,.14)}
}