/* ===== Anpassungen für das Handy ===== */
/* Kein Blur-Fenster wie am PC -> fester dunkler Hintergrund */
html, body { background: #11131a; height: 100%; }
body { -webkit-tap-highlight-color: transparent; overscroll-behavior: none; }
.shell { border: 0; }

/* Platz für Statusleiste (oben) und Navigationsleiste (unten) */
.titlebar { padding-top: calc(env(safe-area-inset-top, 0px) + 10px); padding-left: 12px; padding-right: 8px; }
.footer { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px); }

/* Fenster-Funktionen gibt es auf dem Handy nicht */
#btnPin, #btnMin, #btnClose, .toggle { display: none !important; }
.footer { justify-content: space-between; }

/* Größere Tipp-Flächen */
.mode { padding: 6px 12px; font-size: 13px; }
.icon { width: 36px; height: 34px; }
.icon.small { width: 32px; height: 30px; }
.tab { padding: 7px 14px; font-size: 13px; }
.item { padding: 12px 14px; }
.ctx .ci { padding: 11px 12px; }
.btn { padding: 10px 16px; }
.c-in, .searchbox input, .holding input, .modal-box input, .sync-f input { font-size: 16px; }
.c-row .c-in { font-size: 15px; padding: 8px 9px; }
.s-btn { padding: 10px 12px; }
.pie-btn { padding: 8px 12px; }

/* Rechner: Szenario-Leiste in zwei Zeilen */
.c-scen .s-pick { flex-basis: 100%; }
.c-scen .s-btn { flex: 1 1 auto; }
.c-chart { height: 240px; }

/* Kontextmenü und Dialoge mittig und breit genug */
.modal-box { max-width: 420px; }

/* ===== Diagramm als Vollbild ===== */
#pieOverlay { position: fixed; inset: 0; z-index: 90; background: #11131a; display: flex; flex-direction: column;
  padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
#pieOverlay.hidden { display: none; }
#pieOverlay .pie-shell { flex: 1; height: auto; }
#pieOverlay #ring { width: min(72vw, 300px); height: min(72vw, 300px); }
#pieOverlay .pie-head .icon { font-size: 18px; }