/* Bedienung auf dem Handy, zweite Runde (Freigabe Johannes 17.10.2026). Eingebunden über bedienung.js auf allen Seiten von regiogroup.de.
   <html data-rg="eigen"> = Seiten der Anmeldung (Start, RegioTask, Konto …), "crew" = Regiocrew, "app" = andere Anwendungen hinter dem Proxy. */

/* ---------- 8: Farbschema ----------
   Rot nur noch für „überfällig“ und rote Zahlen (Störungen, Zähler zum Kümmern). Hauptknöpfe und aktive Filter dunkel,
   kein Blau, in der Leiste unten ist nur der aktive Bereich hervorgehoben; Hervorhebung über Flächen statt Farben. */
html[data-rg=eigen]{--knopf:#1d1d1f;--flaeche:rgba(0,0,0,.06)}
html[data-rg] a,html[data-rg] button,html[data-rg] summary,html[data-rg] label{-webkit-tap-highlight-color:rgba(0,0,0,.08)}

/* Leiste/Navigation: Hover nur mit Maus (auf dem iPhone blieb „Start“ nach dem Antippen rosa hinterlegt) */
@media (hover:none){html[data-rg=eigen] nav a:hover,html[data-rg=eigen] nav summary:hover{background:transparent}}
html[data-rg=eigen] nav a:active,html[data-rg=eigen] nav summary:active{background:var(--flaeche)}
html[data-rg=eigen] nav [aria-current=page]{color:var(--ink);background:var(--flaeche);font-weight:600}

/* Hauptknöpfe dunkel statt rot */
html[data-rg=eigen] .formular button,html[data-rg=eigen] button.klein,html[data-rg=eigen] .suche button{background:var(--knopf);color:#fff}
html[data-rg=eigen] .formular button.leise,html[data-rg=eigen] button.leise{background:transparent;color:var(--muted);border:1px solid var(--line)}
html[data-rg=crew] button.klein:not(.leise),html[data-rg=crew] .formular button:not(.leise){background:#1d1d1f;color:#fff}

/* Textlinks im Inhalt dunkel mit dezenter Unterstreichung (Knöpfe und Zeilen mit eigener Klasse bleiben, wie sie sind) */
html[data-rg=eigen] main :is(p,li,td,dd,small)>a:not([class]){color:var(--ink);text-decoration:underline;text-decoration-color:rgba(0,0,0,.25);text-underline-offset:2px}

/* RegioTask: Zähler „neu“ grau statt blau, aktiver Filter dunkel statt rot, ein einziger Plus-Knopf (der runde unten rechts) */
html[data-rg=eigen] .rt-neu-zahl,html[data-rg=eigen] .rt-neu-punkt{background:#636366!important;color:#fff!important}
html[data-rg=eigen] .rt-filter a.an{color:var(--ink)!important;border-color:transparent!important;background:var(--flaeche)!important;font-weight:600}
html[data-rg=eigen] .rt-fab{background:var(--knopf)!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important}
html[data-rg=eigen] .rt-neu{background:var(--knopf)!important}
@media (max-width:760px){
  html[data-rg=eigen] .rt-schnell .rt-neu{display:none!important}
  /* Schnell anlegen: der Knopf erscheint erst, wenn etwas eingetippt ist (Eingabetaste legt die Aufgabe ebenfalls an) */
  html[data-rg=eigen] .rt-schnell input:placeholder-shown~button{display:none!important}
  html[data-rg=eigen] .rt-schnell button{background:var(--flaeche)!important;color:var(--ink)!important}
}

/* ---------- 7: Benachrichtigungs-Banner ---------- */
html.rg-push-weg #pushzeile,html.rg-push-weg #push{display:none!important}
html[data-rg] #pushzeile{background:var(--card,#fff)!important;border:1px solid var(--line,#e5e5ea)!important;font-size:14px!important;padding:10px 40px 10px 14px!important;position:relative}
html[data-rg] #pushzeile summary{color:var(--ink,#1d1d1f)!important}
html[data-rg] #push{display:flex;align-items:center;gap:8px;flex-wrap:wrap}html[data-rg] #push .rg-weg{position:static;margin-left:auto}
html[data-rg=crew] .aktionen a.btn{color:#1d1d1f}
.rg-weg{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#8e8e93;font-size:20px;line-height:30px;padding:0;cursor:pointer}
.rg-weg:active{background:rgba(0,0,0,.08)}

/* ---------- 6: Inhalte passen auf den Handybildschirm ---------- */
/* Reiter in RegioTask wischbar in einer Zeile, rechter Rand blendet aus (zeigt: es geht weiter) */
@media (max-width:760px){
  html[data-rg=eigen] .rt-reiter{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent);padding-right:24px}
  html[data-rg=eigen] .rt-reiter::-webkit-scrollbar{display:none}
  html[data-rg=eigen] .rt-reiter>a{flex:none;scroll-snap-align:start;white-space:nowrap}
  html[data-rg] main{overflow-wrap:break-word}
  html[data-rg] .tw{-webkit-overflow-scrolling:touch}
}
/* Regiocrew: Menü oben wischbar, rechter Rand blendet aus */
html[data-rg=crew] header nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}
html[data-rg=crew] header nav::-webkit-scrollbar{display:none}
html[data-rg=crew] header nav a[aria-current=page]{font-weight:600}

/* ---------- 4: Schichtarten mit Symbol ---------- */
.rg-sym{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(0,0,0,.06);color:#3a3a3c;vertical-align:-4px;margin-right:4px}
.rg-sym svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 3: Dienstplan als Wochenansicht ---------- */
.rg-woche{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);margin:0 0 18px;overflow:hidden;touch-action:pan-y}
.rg-woche-kopf{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;border-bottom:1px solid #e5e5ea}
.rg-woche-kopf b{font-size:15px}.rg-woche-kopf small{display:block;color:#6e6e73;font-size:12px;font-weight:400;text-align:center}
.rg-woche-kopf button{width:40px;height:40px;border:0;border-radius:10px;background:transparent;font-size:24px;line-height:1;color:#1d1d1f;cursor:pointer}
.rg-woche-kopf button:disabled{color:#d1d1d6}.rg-woche-kopf button:not(:disabled):active{background:rgba(0,0,0,.06)}
.rg-tag{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid #f0f0f2;align-items:flex-start}.rg-tag:last-child{border-bottom:0}
.rg-tag .rg-dat{flex:none;width:52px;color:#6e6e73;font-size:13px;line-height:1.25}.rg-tag .rg-dat b{display:block;color:#1d1d1f;font-size:15px}
.rg-tag.heute{background:rgba(0,0,0,.035)}.rg-tag.heute .rg-dat b::after{content:' heute';font-size:11px;font-weight:600;color:#1d1d1f}
.rg-tag .rg-sch{flex:1;min-width:0}.rg-tag .rg-frei{color:#aeaeb2;font-size:14px;padding-top:2px}
.rg-schicht{padding:2px 0}.rg-schicht+.rg-schicht{border-top:1px dashed #e5e5ea;margin-top:4px;padding-top:6px}
.rg-schicht .rg-zeit{font-weight:600;font-variant-numeric:tabular-nums}.rg-schicht .rg-was{display:block;color:#3a3a3c;font-size:14px;margin-top:2px}
.rg-schicht .rg-mehr{display:block;color:#6e6e73;font-size:12.5px}
.rg-umschalter{background:none;border:0;color:#6e6e73;font-size:13px;text-decoration:underline;padding:4px 0;margin:0 0 14px;cursor:pointer}

/* ---------- 5: Meine Zeiten kompakt ---------- */
.rg-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.rg-kpis div{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.rg-kpis span{display:block;font-size:12px;color:#6e6e73}.rg-kpis b{font-size:19px;font-variant-numeric:tabular-nums}
.rg-kpis .neg{color:#E31E24}
.rg-tage{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);overflow:hidden;margin:0 0 14px}
.rg-t{border-bottom:1px solid #f0f0f2}.rg-t:last-child{border-bottom:0}
.rg-t summary{display:flex;align-items:center;gap:10px;padding:10px 14px;list-style:none;cursor:pointer}.rg-t summary::-webkit-details-marker{display:none}
.rg-t .rg-dat{flex:none;width:86px;font-size:14px}.rg-t .rg-art{flex:1;min-width:0;color:#3a3a3c;font-size:14px;display:flex;align-items:center;gap:6px}
.rg-t .rg-ist{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
.rg-t.leer .rg-art,.rg-t.leer .rg-ist{color:#aeaeb2;font-weight:400}.rg-t.heute{background:rgba(0,0,0,.035)}
.rg-t dl{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin:0;padding:0 14px 12px 110px;font-size:13px}
.rg-t dt{color:#6e6e73}.rg-t dd{margin:0;font-variant-numeric:tabular-nums}
@media (max-width:380px){.rg-t dl{padding-left:14px}.rg-t .rg-dat{width:76px}}
.rg-punkt{width:9px;height:9px;border-radius:50%;flex:none;background:#c7c7cc}
.rg-punkt.arbeit{background:#1f7a4d}.rg-punkt.urlaub{background:#ff9f0a}.rg-punkt.krank{background:#8e8e93}.rg-punkt.feiertag{background:transparent;box-shadow:inset 0 0 0 2px #8e8e93}.rg-punkt.laeuft{background:#1f7a4d;box-shadow:0 0 0 3px rgba(31,122,77,.2)}