/* Freigabe Teil C – Darstellung (Schalter Einstellung „ansicht“, je Punkt einzeln):
   C3 Auswahlfelder im BusDesk-Stil (html.bd-auswahl) · C1 Leitstellen-Menü auf dem Handy (html.ls-handy)
   C10 Menü in Gruppen · C4 Leitstelle dunkel (html.lsd, pro Person) · C9 Mindestgröße zum Tippen in der App (html.bd-tippen) */

/* ---------- C3 Auswahlfelder ---------- */
html.bd-auswahl select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;border:1.5px solid #9FD3AE;border-radius:11px;background-color:#fff;color:var(--tx);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;padding:6px 30px 6px 10px;min-height:32px;cursor:pointer}
html.bd-auswahl select.f:not([multiple]):not([size]){padding:9px 32px 9px 11px}
html.bd-auswahl select:not([multiple]):focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(22,163,74,.18)}
html.bd-auswahl select:disabled{opacity:.6;cursor:default}

/* ---------- C1 Leitstelle auf dem Handy ---------- */
#lsMenu{display:none}
@media screen and (max-width:800px){
  html.ls-handy .app{grid-template-columns:minmax(0,1fr)}
  html.ls-handy .side{position:fixed;left:0;top:0;bottom:0;width:min(280px,84vw);z-index:70;transform:translateX(-104%);transition:transform .2s ease}
  html.ls-handy .app.menu-auf .side{transform:none;box-shadow:0 0 40px rgba(0,0,0,.45)}
  html.ls-handy .app.menu-auf:after{content:"";position:fixed;inset:0;background:rgba(5,20,12,.45);z-index:65}
  html.ls-handy #lsMenu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:0;border-radius:11px;background:#EEF1EE;color:var(--gd);font-size:20px;cursor:pointer;margin-left:-8px}
  html.ls-handy .top{padding:0 12px;gap:6px}
  html.ls-handy .top h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;margin:0}
  html.ls-handy .top #bereit,html.ls-handy .top #notruf,html.ls-handy .top .clock #clkd,html.ls-handy .top #updchip,html.ls-handy .top .tbtn:not(#bIn):not(#lsDunkel){display:none}
  html.ls-handy .top .clock{font-size:14px;margin-left:0!important;white-space:nowrap}
  html.ls-handy .top>span[style*="margin-left:auto"]{display:none}
  html.ls-handy .content{padding:12px 12px 60px}
  html.ls-handy .content .card{overflow-x:auto;padding:14px}
  html.ls-handy .content table{min-width:max-content}
}

/* ---------- C10 Menü in Gruppen ---------- */
.nav .ngr{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8FC9A2;padding:12px 12px 4px}
.nav .ngr:first-child{padding-top:2px}

/* ---------- C4 Leitstelle dunkel ---------- */
@media screen{
html.lsd{color-scheme:dark;--bg:#0D1310;--tx:#E3ECE6;--mu:#9AABA1;--ln:#24302A;--rl:#3A1517;--am:#3A2F10;--amd:#F3C969;--gt:#16301F;--card:#161F1A;--card2:#1D2822;--edge:#2A3830;--gtx:#B8E6C6}
html.lsd body,html.lsd .main,html.lsd .content{background:#0D1310;color:var(--tx)}
html.lsd .top{background:#111A15;border-color:var(--ln)}
html.lsd .top h1,html.lsd .clock{color:var(--tx)}
html.lsd .tbtn,html.lsd #lsMenu{background:var(--card2);color:var(--tx);border-color:var(--edge)}
html.lsd .card,html.lsd .modal>div,html.lsd .pal,html.lsd .pg2,html.lsd .bp,html.lsd .cm,html.lsd .alwrap,html.lsd .ztwrap,html.lsd .spwrap,html.lsd .pi,html.lsd .me-banner{background:var(--card);color:var(--tx);box-shadow:none}
html.lsd th,html.lsd td{border-color:var(--ln)}
html.lsd .pgt th,html.lsd .pgt td.nm{background:var(--card)}
html.lsd input,html.lsd textarea,html.lsd select,html.lsd input.f,html.lsd select.f,html.lsd textarea.f{background-color:#101814;color:var(--tx);border-color:var(--edge)}
html.lsd.bd-auswahl select:not([multiple]):not([size]){background-color:#101814;color:var(--tx);border-color:#2F6B45}
html.lsd .btn.gh{background:var(--card2);color:var(--gtx)}
html.lsd .chip,html.lsd .chipd,html.lsd .buspick,html.lsd .tabs{background:var(--card2);color:var(--tx);border-color:var(--edge)}
html.lsd .tabs button.on{background:#2A3A31;color:#fff}
html.lsd .pc{background:#1A2620;color:var(--tx)}
html.lsd .wp td.c:hover,html.lsd .grow:hover{background:#1A2620}
html.lsd .wp .we{background:#111915}
html.lsd .wp td.chg,html.lsd .pc.w{background:#3A2F10}
html.lsd .pc.e,html.lsd .pc.ex,html.lsd .brow td,html.lsd .bereit-week{background:#3A1517;border-color:#5A2326}
html.lsd .res.on,html.lsd .fbox.ov,html.lsd .buspick.free{background:#16301F}
html.lsd .ib.un{background:#18241D}
html.lsd a{color:#8FE0A8}
/* Farben aus dem Programm (inline): hell → passende dunkle Fläche */
html.lsd [style*="background:#fff" i],html.lsd [style*="background: #fff" i],html.lsd [style*="background:white" i]{background:var(--card)!important;color:var(--tx)}
html.lsd [style*="background:#F4F8F5" i],html.lsd [style*="background:#EEF1EE" i],html.lsd [style*="background:#F4FAF5" i],html.lsd [style*="background:#F7F9F7" i],html.lsd [style*="background:#F4F6F4" i],html.lsd [style*="background:#f7f7f7" i],html.lsd [style*="background:#E7ECE9" i],html.lsd [style*="background:#dfe7e2" i],html.lsd [style*="background:#EEF5F0" i],html.lsd [style*="background:#EEF6F1" i]{background:var(--card2)!important;color:var(--tx)!important}
html.lsd [style*="background:#E7F1EA" i],html.lsd [style*="background:#E3F6E8" i],html.lsd [style*="background:#DFF3E5" i],html.lsd [style*="background:#D9F2E1" i],html.lsd [style*="background:#F3FBF5" i],html.lsd [style*="background:#F0FAF3" i]{background:#16301F!important;color:#B8E6C6!important}
html.lsd [style*="background:#FFF4D6" i],html.lsd [style*="background:#FFF6E5" i],html.lsd [style*="background:#FEF9C3" i],html.lsd [style*="background:#FFFBEA" i],html.lsd [style*="background:#FFF9E8" i],html.lsd [style*="background:#FFF1C2" i],html.lsd [style*="background:#FFF3CD" i],html.lsd [style*="background:#FFF8E1" i]{background:#3A2F10!important;color:#F3C969!important}
html.lsd [style*="background:#FDECEC" i],html.lsd [style*="background:#FFF9F9" i],html.lsd [style*="background:#FDF4F4" i],html.lsd [style*="background:#FAF5F5" i],html.lsd [style*="background:#FFF1F1" i]{background:#3A1517!important;color:#FF9A9E!important}
html.lsd [style*="background:#DDF0FF" i],html.lsd [style*="background:#EEF5FD" i],html.lsd [style*="background:#DDEBFF" i]{background:#12263A!important;color:#A9CCF5!important}
html.lsd [style*="color:var(--gd)"],html.lsd [style*="color:#0E3B22" i],html.lsd [style*="color:#0E5A2B" i],html.lsd [style*="color:#13201A" i]{color:var(--gtx)!important}
html.lsd [style*="color:#5b4500" i],html.lsd [style*="color:#7A5200" i],html.lsd [style*="color:#8A5A00" i]{color:#F3C969!important}
html.lsd [style*="color:#A3161C" i],html.lsd [style*="color:var(--rd)"]{color:#FF8A90!important}
html.lsd .bd-ok{color:var(--gtx)}
}

/* ---------- C9 App: Mindestgröße zum Tippen (Handschuhe) ---------- */
html.bd-tippen .ph button,html.bd-tippen .sheetov button,html.bd-tippen .tabs button{min-height:40px;min-width:40px}
html.bd-tippen .ph .chip,html.bd-tippen .sheetov .chip{min-height:36px}
html.bd-tippen .ph input[type=checkbox],html.bd-tippen .sheetov input[type=checkbox]{min-width:24px;min-height:24px}