/* SmartHome Scope Mobile-Layout. Beispiel: Auf einem Smartphone bleibt am 20. August 2026 auch die PWA-Diagnose vollständig bedienbar. Versionshistorie: 1.16.0 vom 20. August 2026, 13:12 Europe/Vienna: PWA-Status und Updateaktion mobil gestapelt. 1.15.0 vom 20. August 2026, 12:02 Europe/Vienna: Assistenten-Notizfeld mobil vollbreit angepasst. 1.14.0 vom 20. August 2026, 11:35 Europe/Vienna: Einstellungstitel und Info-Badge mobil gestapelt. 1.13.0 vom 20. August 2026, 10:40 Europe/Vienna: Vollständiges Mehr-Menü, Piding-Dialog und Hilfe mobil angepasst. 1.11.0 vom 16. August 2026, 16:20 Europe/Vienna: Piding-Filter und Inventartabelle mobil angepasst. 1.10.0 vom 16. August 2026, 12:35 Europe/Vienna: UniFi-Assistent, Konflikte und Audit mobil gestapelt. 1.9.0 vom 16. August 2026, 12:00 Europe/Vienna: UniFi-Filter und Auswahlleiste mobil eigenständig angeordnet. 1.7.1 vom 16. August 2026, 10:00 Europe/Vienna: Dialogaktionen mobil vollbreit ergänzt. 1.4.0 vom 16. August 2026, 07:30 Europe/Vienna: Canvas-Landschaft mobil ergänzt. 1.0.0 vom 15. August 2026, 12:00 Europe/Vienna: Erstauslieferung. Konfiguration: Der untere Navigationsstreifen berücksichtigt die Safe Area. */
@media (max-width: 720px) { .filter-form { grid-template-columns: 1fr; }.filter-actions, .inline-form { flex-direction: column; align-items: stretch; }.inline-form > div { max-width: none; } }
@media (max-width: 720px) { .scope-scene { grid-template-columns: 1fr; min-height: 570px; }.scene-stage { min-height: 300px; }.scene-copy dl { max-width: 330px; }.scene-node { width: 84px; padding: 7px; } }
@media (max-width: 720px) { .inventory-landscape { grid-template-columns: 1fr; min-height: 680px; }.landscape-stage, .landscape-canvas { min-height: 350px; }.landscape-legend { top: 10px; left: 10px; }.landscape-legend-item { min-height: 29px; font-size: .72rem; }.landscape-note { font-size: .7rem; } }
@media (max-width: 720px) { body { padding-bottom: calc(73px + env(safe-area-inset-bottom)); }.sidebar { position: fixed; z-index: 5; right: 0; bottom: 0; left: 0; padding: 8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); background: rgba(23,23,21,.96); border-top: 1px solid #34332e; backdrop-filter: blur(10px); }.brand, .sidebar-footer, .sidebar nav .secondary-nav-link { display: none !important; }.sidebar nav { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 3px; }.sidebar nav a, .mobile-more-button { min-height: 48px; display: grid; place-items: center; padding: 4px; color: #b8b4a8; background: transparent; border: 0; border-radius: 7px; font-size: .74rem; text-align: center; line-height: 1.05; }.mobile-more-button .material-icon { display: none; }.sidebar nav a[aria-current="page"], .mobile-more-button[aria-current="page"] { color: #1d1709; background: var(--amber); }.content { padding: calc(20px + env(safe-area-inset-top)) 16px 22px; }.page-header { align-items: flex-start; margin-bottom: 20px; }.page-header .primary-button { max-width: 125px; min-height: 40px; padding: 0 10px; font-size: .9rem; }.metric-grid, .unifi-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.metric-card { min-height: 122px; padding: 15px; }.metric-card strong { font-size: 1.8rem; }.area-grid, .chart-grid, .detail-layout { grid-template-columns: 1fr; }.card { padding: 17px; border-radius: 13px; }.area-card { min-height: 124px; }.toolbar, .unifi-apply { align-items: stretch; flex-direction: column; }.search-form { flex-direction: column; }.search-form input { max-width: none; }.form-grid { grid-template-columns: 1fr; gap: 14px; }.span-two { grid-column: auto; }.form-actions { flex-direction: column-reverse; }.form-actions > * { width: 100%; }.details { grid-template-columns: 1fr; gap: 3px; }.details dt { margin-top: 12px; }.credential-row { grid-template-columns: 1fr; }.credential-row form { grid-column: 1 / -1; }.credential-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.toast-stack { right: 12px; bottom: calc(80px + env(safe-area-inset-bottom)); left: 12px; max-width: none; }.issue { grid-template-columns: 1fr; gap: 8px; }.issue-kind { justify-self: start; }.table-card { padding: 0; }.table-scroll { margin: 0 -17px; }.table-scroll table { min-width: 740px; }.comparison-table { min-width: 1050px; }.public-page .content { width: 100%; padding: 20px; }.public-page { padding-bottom: 0; } }
@media (max-width: 720px) { .unifi-results { padding: 0; }.unifi-results > .section-heading { align-items: flex-start; padding: 17px 17px 0; }.unifi-filter-panel { grid-template-columns: 1fr; padding: 16px 17px; }.unifi-selection-bar { align-items: stretch; flex-direction: column; padding: 14px 17px; }.unifi-selection-actions { display: grid; grid-template-columns: 1fr; }.unifi-selection-actions > button { width: 100%; }.unifi-network-grid { grid-template-columns: 1fr; }.unifi-network-item { min-height: 104px; }.unifi-results .table-scroll { margin: 0; } }
@media (max-width: 720px) { .scope-modal-content { padding: 19px; }.scope-modal-actions > button { flex: 1 1 100%; min-height: 44px; } }
@media (max-width: 720px) { .header-actions { display: grid; grid-template-columns: 1fr; width: 150px; }.header-actions > *, .header-actions button { width: 100%; }.assistant-steps { grid-template-columns: 1fr; }.assistant-steps > * { min-height: 48px; }.assistant-intro, .assistant-next, .batch-hero { align-items: stretch; flex-direction: column; }.assistant-summary { min-width: 0; width: 100%; }.assistant-toolbar { align-items: stretch; flex-direction: column; top: 8px; }.assistant-toolbar > div:last-child { display: grid; grid-template-columns: 1fr; }.assistant-change { grid-template-columns: 1fr; padding: 15px 17px; }.assistant-notes { grid-column: 1; }.assistant-notes textarea { min-height: 96px; }.change-arrow { transform: rotate(90deg); }.assistant-group > .section-heading { align-items: stretch; flex-direction: column; }.controller-record { grid-template-columns: 1fr; }.conflict-card .select-shell { width: 100%; }.batch-grid, .batch-metrics { grid-template-columns: 1fr; }.audit-change { grid-template-columns: 1fr; }.audit-fields > span { flex: 1 1 100%; }.sticky-action { bottom: calc(82px + env(safe-area-inset-bottom)); } }
@media (max-width: 720px) { .piding-hero-heading { align-items: flex-start; }.piding-source { display: grid; }.piding-filter-panel { grid-template-columns: 1fr; padding: 16px 17px; }.piding-inventory > .section-heading { align-items: flex-start; padding: 17px; }.piding-inventory .table-scroll { margin: 0; }.piding-table { min-width: 980px; } }
@media (max-width: 720px) { .piding-table { min-width: 1480px; }.piding-source-fields, .help-intro, .help-grid { grid-template-columns: 1fr; }.piding-edit-dialog, .credential-dialog-content { width: 100%; min-width: 0; padding: 18px; }.dialog-actions { display: grid; grid-template-columns: 1fr; }.dialog-actions > * { width: 100%; }.help-toc { overflow-x: auto; flex-wrap: nowrap; }.help-toc a { flex: 0 0 auto; }.mobile-menu-content nav { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .settings-subsection-heading { align-items: flex-start; flex-direction: column; }.explanation-badge { white-space: normal; }.switch-setting { grid-template-columns: 46px 1fr; } }
@media (max-width: 720px) { .pwa-status-card .settings-subsection-heading { flex-direction: row; align-items: center; }.pwa-status-card .button-with-icon { width: 100%; justify-content: center; }.pwa-details { grid-template-columns: 1fr; gap: 2px; }.pwa-details dt { margin-top: 10px; } }