/* Copyright (c) 2026 Daniel Bauer - ELAAX. Alle Rechte vorbehalten. */

/* Laptop-Dichte: Fenstergröße in CSS-Pixeln, unabhängig von der Auflösung.
 * Relative Theme-Maße folgen der Schriftbasis; Fensterhöhen, Dialogpositionen
 * und die Koordinaten interaktiver Editoren behalten ihren normalen Maßstab.
 * Die zusätzliche :root-Spezifität gilt auch bei nachgeladenen Web-Bundles.
 */
@media screen and (min-width: 1025px) and (max-width: 1600px) and (max-height: 1000px) and (hover: hover) and (pointer: fine) {
  html:root {
    font-size: calc(var(--base-font, 100%) * var(--font-scale, 1) * 0.85);
  }

  /* Gemeinsame Arbeitsbereiche; eingeklappte Seitenleisten bleiben separat. */
  .app-body--hub:not(.sidebar-collapsed) .app-layout {
    grid-template-columns: 16.75rem minmax(0, 1fr);
  }

  .app-body--backoffice:not(.sidebar-collapsed) .app-layout {
    --admin-sidebar-width: 17.875rem;
  }

  .app-body:not(.sidebar-collapsed) .app-sidebar {
    gap: 0.875rem;
    padding: 1rem 0.75rem;
  }

  .app-body .app-nav__link {
    min-height: 2.5rem;
    padding: 0.5rem 0.625rem;
    gap: 0.625rem;
  }

  .app-body .app-nav__icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-basis: 1.25rem;
  }

  .app-body .app-topbar--minimal {
    min-height: 2.5rem;
    padding-inline: 0.875rem;
  }

  /* Öffentliche Navigation und große Einstiegsflächen. */
  :root .public-nav__bar {
    min-height: 5.875rem;
    gap: 1.125rem;
  }

  :root .public-nav__brand-logo {
    width: 3.125rem;
    height: 3.125rem;
  }

  :root .public-button {
    min-height: 3rem;
    padding: 0.75rem 1.375rem;
    gap: 0.625rem;
  }

  :root .public-hero {
    min-height: min(65vh, 646px);
  }

  :root .public-hero__panel {
    padding: clamp(1.75rem, 3.4vw, 2.625rem);
    border-radius: 1.75rem;
  }

  :root .public-hero__content {
    gap: 1.125rem;
  }

  :root .public-profile__hero-bar {
    min-height: 8.875rem;
    padding: 1.25rem 1.75rem 1.25rem 1.5rem;
    gap: 1.5rem;
  }
}