/* ks-mobil-portal.css — Portal sandbox.kutego.ai auf dem Smartphone (06.11.2026, User: „bequem mobil per iPhone“).
 * Quelle cluster-docs/scripts/code-agent-abnahme/werkstatt/portal/ks-mobil-portal.css → VM801 /var/www/kutego-werkstatt/portal/. Nur Darstellung. */
@media (max-width: 760px) {
  /* iOS zoomt bei Eingabefeldern < 16 px */
  input, select, textarea { font-size: 16px !important; }
  body.app-view button, body.app-view a { touch-action: manipulation; }
  body.app-view .listenkopf { row-gap: 8px; }
  body.app-view #task-search { flex: 1 1 100%; min-width: 0; }
  /* Aufgabenliste kompakt (User 06.11. abends): Knöpfe als kleine Symbole rechts neben Titel/Status statt breiter Balken darunter */
  body.app-view .aufgabe { grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; padding: 6px 8px 6px 8px; }
  body.app-view .aufgabe > :is(.kopf, .klein, .status-col) { grid-column: 1; }
  body.app-view .aufgabe .aktionen { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; flex-wrap: nowrap; gap: 4px; justify-content: flex-end; }
  body.app-view .aufgabe .aktionen button { flex: none; min-height: 0; width: 32px; height: 32px; padding: 0; font-size: 13px; }
  body.app-view .aufgabe > .status-col { margin-top: 3px; }
  /* Ansichts-Reiter einzeilig und flacher */
  body.app-view .ansicht { flex: 1 1 100%; min-width: 0; }
  body.app-view .ansicht button { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-content: center; font-size: 12px; padding: 5px 6px; gap: 4px; }
  body.app-view .ansicht .badge.zahl { padding: 0 5px; }
  body.app-view .listenkopf > button, body.app-view #glocke { width: 30px; height: 30px; }
  #ws-frame-wrap { height: 100vh; height: 100dvh; }
}