/* Fahrer-App aufgeräumt (Schalter fahrerAuf): Kachel-Raster auf „Heute“, gruppierte Liste unter „Mehr“, Kollegen-Kanal ohne Kontrastfehler im Dunkelmodus */
/* ---------- Heute: Knöpfe in der grünen Dienstkarte ---------- */
.auf-q{display:flex;gap:8px;margin-top:12px;position:relative;z-index:1}
.auf-b{flex:1;border:0;border-radius:14px;padding:11px 4px 9px;background:rgba(255,255,255,.14);color:#fff;font:700 13px Inter,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;min-width:0;line-height:1.1}
.auf-b span{font-size:22px;line-height:1}
.auf-q.p .auf-b{background:#fff;color:var(--gd);box-shadow:0 6px 16px rgba(0,0,0,.16);padding:13px 4px 11px}
.auf-q.p .auf-b span{font-size:25px}
.auf-q.q4 .auf-b{font-size:12px;padding:10px 2px 8px}
.auf-q.q4 .auf-b span{font-size:20px}
.auf-b .dot{position:absolute;top:7px;right:calc(50% - 30px);width:10px;height:10px;border-radius:50%;background:var(--r);border:2px solid #14532D;box-sizing:content-box}
.auf-q.p .auf-b .dot{border-color:#fff}
.auf-b:active{transform:scale(.97)}
.auf-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;position:relative;z-index:1}
.auf-c button{flex:1 1 auto;border:0;border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.14);color:#fff;font:700 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
html.dark .auf-q.p .auf-b{background:#C9DCCF;color:#0A2416;box-shadow:none}
html.dark .auf-q.p .auf-b .dot{border-color:#C9DCCF}
html.dark .auf-b .dot{border-color:#0C2E19}/* ---------- Mehr: gruppierte Liste ---------- */
.mo-k{font-size:22px;font-weight:800;color:var(--gd);margin:2px 2px 2px}
.mo-g{margin-top:14px}
.mo-h{font:800 11px Inter,sans-serif;letter-spacing:.08em;color:var(--mu);margin:0 4px 6px;text-transform:uppercase}
.mo-l{background:#fff;border-radius:18px;box-shadow:0 4px 14px rgba(14,59,34,.07);overflow:hidden}
.mo-r{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:12px 14px;border-bottom:1px solid #EEF1EE;text-align:left;font:inherit;cursor:pointer;text-decoration:none;color:inherit;box-sizing:border-box}
.mo-r:last-child{border-bottom:0}
.mo-r:active{background:#F4F8F5}
.mo-i{width:36px;height:36px;border-radius:11px;background:#E3F6E8;display:grid;place-items:center;font-size:19px;flex:none}
.mo-t{min-width:0;flex:1}
.mo-t b{display:block;font-size:15px;color:var(--gd)}
.mo-t small{display:block;font-size:12px;color:var(--mu);margin-top:1px}
.mo-c{color:#9AA59F;font-size:22px;line-height:1}
.mo-b{background:var(--r);color:#fff;border-radius:99px;font:800 11px Inter,sans-serif;padding:2px 8px;flex:none}
.mo-f{margin:16px 4px 4px;font-size:12px;color:var(--mu);text-align:center;line-height:1.7}
.mo-f a{color:var(--mu)}
html.dark .mo-k,html.dark .mo-t b{color:var(--gtx)}
html.dark .mo-l{background:var(--card);box-shadow:none}
html.dark .mo-r{border-color:var(--ln)}
html.dark .mo-r:active{background:var(--card2)}
html.dark .mo-i{background:var(--gt)}
/* ---------- Dunkelmodus: Auswahlfelder und helle Kästchen ---------- */
/* die Regel „bd-auswahl“ (ansicht.css) machte Auswahlfelder weiß mit heller Schrift – kaum lesbar */
html.dark.bd-auswahl select:not([multiple]):not([size]){background-color:#101814;color:var(--tx);border-color:#2F6B45}
html.dark [style*="background:#F1F5F2"]{background:var(--card2)!important;color:var(--mu)!important}
html.dark [style*="background:#DCFCE7"]{background:var(--gt)!important;color:#8FE0A8!important}
/* ---------- Kollegen-Kanal „RDG-Fahrer“ ---------- */
.kan-z{display:flex;justify-content:flex-start;margin:6px 0}
.kan-z.mine{justify-content:flex-end}
.kan-b{max-width:85%;background:var(--card,#fff);border:1px solid rgba(14,59,34,.1);border-radius:14px;padding:8px 11px}
.kan-b.mine{background:#DFF3E6}
.kan-h{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mu);line-height:1.3}
.kan-h b{color:var(--gd)}
.kan-h .kan-x{margin-left:auto;border:0;background:transparent;color:var(--mu);font-size:14px;line-height:1;padding:2px 4px;cursor:pointer}
.kan-t{font-size:14px;word-wrap:break-word;margin-top:3px;color:var(--tx)}
html.dark .kan-b{background:var(--card2);border-color:rgba(255,255,255,.08)}
html.dark .kan-b.mine{background:#1F4D31;border-color:#2F7A4A}
html.dark .kan-b.mine .kan-t{color:#EAF7EE}
html.dark .kan-b.mine .kan-h{color:#B8D9C3}
html.dark .kan-h b{color:var(--gtx)}