/* gnoed.css — gemeinsame Basis aller Module: Modulfarben, Kopfzeilen-Rechtsgruppe, Unternavigation, Profil-Menü.
   Nach dem Basis-Stylesheet einbinden. <html data-modul="schuetzen|helfer|checklists|zeit"> setzt die Grundfarbe.
   --gn / --gn-light / --gn-mid = Modulfarbe (auch für Module ohne --blue-Variablen, z. B. Helfertool). */
:root[data-modul="schuetzen"]{--blue:#0f2d6b;--blue-hover:#1a3f8f;--blue-light:#ddeaff;--blue-mid:#7aaaf0;--gn:#0f2d6b;--gn-light:#ddeaff;--gn-mid:#7aaaf0;}
@media(prefers-color-scheme:dark){:root[data-modul="schuetzen"]:not([data-theme="light"]){--blue:#4d8aff;--blue-hover:#6fa0ff;--blue-light:#1a2d4a;--blue-mid:#3a6bbf;--gn:#4d8aff;--gn-light:#1a2d4a;--gn-mid:#3a6bbf;}}
:root[data-modul="schuetzen"][data-theme="dark"]{--blue:#4d8aff;--blue-hover:#6fa0ff;--blue-light:#1a2d4a;--blue-mid:#3a6bbf;--gn:#4d8aff;--gn-light:#1a2d4a;--gn-mid:#3a6bbf;}
:root[data-modul="helfer"]{--blue:#1a4d2e;--blue-hover:#236b3f;--blue-light:#d9f2e2;--blue-mid:#6fc48f;--gn:#1a4d2e;--gn-light:#d9f2e2;--gn-mid:#6fc48f;}
@media(prefers-color-scheme:dark){:root[data-modul="helfer"]:not([data-theme="light"]){--blue:#4fcf7f;--blue-hover:#6fdc97;--blue-light:#12301e;--blue-mid:#2f8a55;--gn:#4fcf7f;--gn-light:#12301e;--gn-mid:#2f8a55;}}
:root[data-modul="helfer"][data-theme="dark"]{--blue:#4fcf7f;--blue-hover:#6fdc97;--blue-light:#12301e;--blue-mid:#2f8a55;--gn:#4fcf7f;--gn-light:#12301e;--gn-mid:#2f8a55;}
:root[data-modul="checklists"]{--blue:#b45309;--blue-hover:#c96a10;--blue-light:#ffe9d0;--blue-mid:#f0a860;--gn:#b45309;--gn-light:#ffe9d0;--gn-mid:#f0a860;}
@media(prefers-color-scheme:dark){:root[data-modul="checklists"]:not([data-theme="light"]){--blue:#ff9a3d;--blue-hover:#ffb066;--blue-light:#3a2610;--blue-mid:#b3671c;--gn:#ff9a3d;--gn-light:#3a2610;--gn-mid:#b3671c;}}
:root[data-modul="checklists"][data-theme="dark"]{--blue:#ff9a3d;--blue-hover:#ffb066;--blue-light:#3a2610;--blue-mid:#b3671c;--gn:#ff9a3d;--gn-light:#3a2610;--gn-mid:#b3671c;}
:root[data-modul="zeit"]{--blue:#5b2d9e;--blue-hover:#6e3fb8;--blue-light:#eadfff;--blue-mid:#a98be0;--gn:#5b2d9e;--gn-light:#eadfff;--gn-mid:#a98be0;}
@media(prefers-color-scheme:dark){:root[data-modul="zeit"]:not([data-theme="light"]){--blue:#a77dff;--blue-hover:#bb98ff;--blue-light:#281a45;--blue-mid:#6a45b8;--gn:#a77dff;--gn-light:#281a45;--gn-mid:#6a45b8;}}
:root[data-modul="zeit"][data-theme="dark"]{--blue:#a77dff;--blue-hover:#bb98ff;--blue-light:#281a45;--blue-mid:#6a45b8;--gn:#a77dff;--gn-light:#281a45;--gn-mid:#6a45b8;}

.gn-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}
.gn-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:inherit;background-size:cover;background-position:center;overflow:hidden}
.gn-menu{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.gn-menu>div{position:absolute;top:56px;right:8px;min-width:230px;max-width:calc(100vw - 16px);max-height:calc(100vh - 70px);overflow-y:auto;background:var(--bg-card,#fff);color:var(--text,#111);border:1px solid var(--border,#ddd);border-top:3px solid var(--gn,#0f2d6b);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.25)}
.gn-menu .gn-head{padding:10px 14px;border-bottom:1px solid var(--border,#ddd);background:var(--bg-tertiary,#f5f7fa)}
.gn-menu .gn-head b{display:block;font-size:14px}.gn-menu .gn-head small{display:block;color:var(--text-muted,#666);font-size:12px;word-break:break-all}
.gn-menu button{display:block;width:100%;text-align:left;padding:11px 14px;margin:0;border:none;border-top:1px solid var(--border,#e5e5e5);border-radius:0;background:transparent;color:var(--text,#111);font-size:14px;font-family:inherit;cursor:pointer}
.gn-menu .gn-head+button{border-top:none}
.gn-menu button.gn-danger{color:#c8000a}
.gn-menu .gn-sep{height:6px;background:var(--bg-tertiary,#f0f2f5);border-top:1px solid var(--border,#e5e5e5)}
/* Schützen-App: Platz für ⠿ links neben dem Konto-Knopf, damit die Kopfzeilen-Knöpfe nicht überlagert werden */
.gn-hat-knopf .topbar{padding-right:104px !important}

/* Fusszeilen-Navigation (wie Schützen-App): .gn-foot am unteren Rand, Buttons mit Icon (<i>) und Text */
.gn-foot{display:flex;border-top:2px solid var(--border,#ddd);background:var(--bg-card,#fff);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}
.gn-foot button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;font-size:14px;font-weight:500;font-family:inherit;color:var(--text-muted,#666);border:none;background:none;border-top:3px solid transparent;cursor:pointer;white-space:nowrap}
.gn-foot button i{font-style:normal;font-size:22px;line-height:1}
.gn-foot button.akt{color:var(--gn,#0f2d6b);border-top-color:var(--gn,#0f2d6b);background:var(--gn-light,#eef3fc)}
/* Seitenhintergrund wie im Helfertool (neutral); die Farbe kommt allein von der Kopfzeile */
html[data-modul]{background:var(--bg,#e8eaed);margin:0;height:100%;height:100dvh}
html[data-modul] body{background:var(--bg,#f4f6f5);margin:0;height:100%;height:100dvh}
/* Kopfzeile geht bis ganz nach oben (unter die iOS-Statusleiste) – wie im Helfertool: Vollfarbe */
html[data-modul] .topbar{padding-top:calc(12px + env(safe-area-inset-top))}
/* App-Fläche fest am Bildschirm (wie im Helfertool): iOS färbt die Statusleiste dann mit der Farbe der Kopfzeile */
html[data-modul] .app{position:fixed;top:0;left:0;right:0;bottom:0;height:auto;max-width:1000px;margin:0 auto}

/* Aufbau wie Helfertool: Anmeldung und Hauptansicht sind gleichrangige, bildschirmfüllende Rahmen (kein .app-Wrapper) */
html[data-modul] #s-login,html[data-modul] #s-main{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;max-width:1000px;margin:0 auto}
html[data-modul] #appShell.aktiv{max-width:1000px;margin:0 auto;background:var(--bg,#e8eaed)}
html[data-modul] #s-login{overflow-y:auto}
/* Rahmenbreite wie ursprünglich im Schützenmodul: max. 1000 px, auf dem Desktop mit Schatten */
@media(min-width:1000px){html[data-modul],html[data-modul] body{background:#d0d3d8}html[data-modul] .app,html[data-modul] #s-main,html[data-modul] #s-login,html[data-modul] #appShell.aktiv{box-shadow:0 0 60px rgba(0,0,0,.18)}}
/* aktiver Punkt der Fussnavigation: Modulfarbe hell hinterlegt (wie Arbeitszeiten) */
html[data-modul] nav.bottom-nav button.aktiv{background:var(--gn-light,#eef3fc);color:var(--gn,#1a4d2e);border-top-color:var(--gn,#1a4d2e)}