/* Native browser layout and controls; no remote desktop scaling. */
html { -webkit-text-size-adjust:100%; }
/* Eigene, feste Farben: die gespiegelten Editor-Stile (button, input) sollen
   hier nicht durchschlagen. [hidden] muss das display:flex ausdruecklich
   schlagen, sonst stehen beide Zeilen da. */
#konto,#kontoAn { display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:8px 14px;background:#0f2733;color:#fff;font:15px system-ui; }
#konto[hidden],#kontoAn[hidden] { display:none; }
#konto input { width:150px;min-height:36px;padding:4px 10px;background:#fff;color:#111;border:1px solid #fff;border-radius:6px;font:15px system-ui; }
#konto input::placeholder { color:#667; }
#konto button,#kontoAn button { min-height:36px;padding:4px 16px;background:#ffd633;color:#111;border:1px solid #ffd633;border-radius:6px;font:600 15px system-ui;cursor:pointer; }
#konto button:hover,#kontoAn button:hover { background:#ffe680; }
#kontoAn b { color:#ffd633; }
/* USB-Stick: gleiche Leiste wie das Konto, eine Stufe heller */
#stick { display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:6px 14px;background:#163340;color:#fff;font:15px system-ui;border-top:1px solid #0f2733; }
#stick[hidden],#stick [hidden] { display:none; }
#stickStatus { margin-right:auto;overflow-wrap:anywhere; }
#stick button { min-height:36px;padding:4px 14px;background:#2b5268;color:#fff;border:1px solid #4d7a92;border-radius:6px;font:600 15px system-ui;cursor:pointer; }
#stick button:hover { background:#3a6680; }
#stick button:disabled { opacity:.5;cursor:default; }
#stick button.stick-wichtig { background:#ffd633;color:#111;border-color:#ffd633; }
#stickAenderungen { display:contents; }
.konto-hinweis { margin-right:auto;color:#fff; }
#connection { position:sticky;top:0;z-index:1000;padding:9px 14px;height:40px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#17374c;color:#fff;font:14px/1.4 system-ui; }
#connection[data-error=true] {background:#8b2635;}
#connection:empty::before {content:'Bereit';}
.touch-help {display:none;}
@media(pointer:coarse) {.touch-help {display:block;padding:8px 12px;margin:0;color:var(--muted);font:14px/1.5 system-ui;}}
#app {min-width:0;}
#web-footer {padding:16px;font:16px system-ui;}
#web-footer #rechtstexte {display:inline-block;font-size:14px;color:inherit;opacity:.7;}
#downloads {position:fixed;bottom:12px;right:12px;z-index:1100;display:grid;gap:8px;max-width:calc(100% - 24px);}
#downloads a {padding:12px 18px;background:#17374c;color:white;border-radius:8px;font:16px system-ui;box-shadow:0 2px 14px #0003;}
#question {max-width:min(480px,90vw);border:1px solid #8e9ca6;border-radius:12px;padding:24px;font:16px/1.5 system-ui;}
#question::backdrop {background:#0007;}
#questionText {white-space:pre-wrap;overflow-wrap:anywhere;}
.dialog-actions {display:flex;justify-content:flex-end;gap:12px;margin-top:20px;}
#question button {min-height:44px;padding:8px 16px;}
/* Nur was der Fernzugang selbst braucht. Das Handy-Layout des Editors
   (Erklaerungen aus, Leisten entzerrt, Zeichenflaechen kleiner) steht in
   Kantteil-Editor.html und kommt ueber die gespiegelten Stilbloecke mit. */
@media(max-width:600px) {
  input,select,textarea {font-size:16px!important;}   /* verhindert den Zoom in iOS */
  button,input:not([type=checkbox]):not([type=radio]),select {min-height:44px;}
  canvas {max-width:100%;touch-action:none;}
}