/* Agentur-Layoutkorrektur (Vorschau): Aktionen der Betriebskarten auf einer gemeinsamen Linie. Nur Darstellung innerhalb .ag-frame. */
.ag-frame .betriebskarte { display: flex; flex-direction: column; min-width: 0; }
.ag-frame .betriebskarte-aktionen {
  margin-top: auto; padding-top: 4px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 8px;
}
.ag-frame .betriebskarte-aktionen > .btn {
  width: 100%; min-width: 0; min-height: 40px; box-sizing: border-box;
  justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere;
}

/* ---- Touch-Bedienflaechen und erkennbares Scrollen (UI-Pruefung 11.10.2026) ---- */
@media (max-width: 720px) {
  .ag-frame .seg-option span { min-height: 44px; padding: 10px 14px; font-size: 14px; }
}
.ag-frame .table-wrap {
  scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent;
  background:
    linear-gradient(to right, var(--surface) 30%, rgba(255, 255, 255, 0)) 0 0 / 28px 100% no-repeat local,
    linear-gradient(to left, var(--surface) 30%, rgba(255, 255, 255, 0)) 100% 0 / 28px 100% no-repeat local,
    linear-gradient(to right, rgba(13, 27, 42, .14), rgba(13, 27, 42, 0)) 0 0 / 10px 100% no-repeat scroll,
    linear-gradient(to left, rgba(13, 27, 42, .14), rgba(13, 27, 42, 0)) 100% 0 / 10px 100% no-repeat scroll;
  background-color: var(--surface);
}

@media (max-width: 720px) {
  .ag-frame select.input, .ag-frame input.input { min-height: 44px; }
  .ag-frame .ag-benutzer .btn { min-height: 44px; }
}