/* mac: Maße der Web-Seiten, wenn sie in der Mac-App stehen (html.eingebettet). Schrift und Glas stellt app.css
   über die Variablen um; hier stehen nur die Bedienmaße: Zeiger statt Finger, also Höhen wie die nativen Seiten
   (Knopf 28, kleiner Knopf 22, Zeile 7 oben und unten, rechte Spalte 330). Der Leser behält seine Werkzeugleiste. */

/* Zwei Spalten ab derselben Breite wie die nativen Seiten (480 + 16 + 330 plus Rand), darunter untereinander */
@media (min-width: 880px) {
  .eingebettet .raster, .eingebettet .pn-plan { grid-template-columns: minmax(0, 1fr) 330px; }
  .eingebettet .ex-raster > .spalte { display: grid; }
  .eingebettet .ex-raster [class*="ex-o"] { order: 0; }
}
@media (max-width: 879px) {
  .eingebettet .raster { grid-template-columns: minmax(0, 1fr); }
}

/* Umschalter wie der native: 24 hoch, Auswahl grau gefüllt */
.eingebettet .pn-reiter a, .eingebettet .ul-leiste .segment button, .eingebettet .ul-segment a,
.eingebettet .ab-segment button, .eingebettet .ul-voll button { min-height: 22px; padding: 0 12px; font-weight: 500; }
.eingebettet .segment button[aria-pressed="true"], .eingebettet .pn-reiter a[aria-current="page"],
.eingebettet .ul-segment a[aria-current="page"] { background: rgba(0, 0, 0, .1); box-shadow: none; }
.eingebettet .pn-reiter { width: max-content; max-width: 100%; }
@media (prefers-color-scheme: dark) {
  .eingebettet .segment button[aria-pressed="true"], .eingebettet .pn-reiter a[aria-current="page"],
  .eingebettet .ul-segment a[aria-current="page"] { background: rgba(255, 255, 255, .16); }
}

/* Pensum */
.eingebettet .pn-rund { width: 28px; height: 28px; }
.eingebettet .pn-rund svg { width: 14px; height: 14px; }
.eingebettet .pn-blaettern { margin: -4px -6px 4px; }
.eingebettet .pn-zelle, .eingebettet .pn-bereich-kalender .pn-zelle { min-height: 48px; grid-template-rows: 20px 8px auto; }
.eingebettet .pn-nr { width: 20px; height: 20px; }
.eingebettet .pn-w-zeile { min-height: 40px; padding: 4px 8px; }
.eingebettet .pn-liste li, .eingebettet .pn-bzeile, .eingebettet .pn-tabelle td, .eingebettet .pn-lb-feld { padding: 7px 0; }
.eingebettet .pn-feld input, .eingebettet .pn-feld textarea { min-height: 28px; padding: 5px 9px; }
.eingebettet .pn-pille { min-height: 24px; padding: 0 10px; }
.eingebettet .pn-pille.statisch { min-height: 20px; padding: 0 8px; }
.eingebettet .pn-aktionen .knopf.klein, .eingebettet .pn-heute-knopf, .eingebettet .pn-weiter { min-height: 28px; }
.eingebettet .reihe { padding: 8px 0; }

/* Unterlagen, Klausurenpool, Probeklausuren */
.eingebettet .ul-flaeche { padding: 2px 20px; }
.eingebettet .ul-klappe > summary { min-height: 36px; padding: 5px 0; }
.eingebettet .ul-fallzeile a { min-height: 40px; }
.eingebettet .ul-link { min-height: 22px; padding: 0 9px; }
.eingebettet .ul-haken, .eingebettet .ul-spiel { width: 28px; height: 28px; }
.eingebettet .ul-bewertung button { width: 26px; height: 28px; }
.eingebettet .ul-lese { padding: 22px 28px 28px; line-height: 1.55; }

/* GJPA */
.eingebettet .ex-aktion .knopf { min-height: 28px; }
.eingebettet .ex-felder input { height: 28px; }

/* Studium: Tagesleiste; zwei gleich breite Blätter, wenn ein anderer Tag als heute gewählt ist */
.eingebettet .st-tag { padding: 6px 4px 5px; }
.eingebettet .st-tag b { width: 24px; height: 24px; }
.eingebettet .st-blatt { width: 28px; height: 28px; }
@media (min-width: 880px) { .eingebettet .raster.st-zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Fragen, Lückenblätter, Abgabe */
.eingebettet .fr-bewertung button, .eingebettet .lb-wahl button { min-height: 24px; padding: 3px 12px; }
.eingebettet .lb-karte { padding: 18px 20px; }
.eingebettet .lb-luecke { padding: 10px 14px; }
.eingebettet .ab-datum { min-height: 24px; padding: 3px 8px; }
.eingebettet .ab-leer { padding: 22px 20px; }

/* Seitenkopf: die Seite heißt schon in der Titelleiste. Eine Kennzahl steht links wie auf „Heute im Studium“,
   die Unterzeile darunter; Umschalter und Suche bleiben rechts. */
.eingebettet .kopf { align-items: center; margin-bottom: 16px; min-height: 28px; }
.eingebettet .kopf:has(> .kennzahl) { flex-direction: column-reverse; align-items: flex-start; gap: 6px; margin: 6px 0 16px; }
.eingebettet .kopf .unter { margin-top: 0; font-size: var(--t-text); }
.eingebettet .ul-link { font-weight: 400; }
.eingebettet .prio { width: 16px; height: 16px; }

/* Unterzeile und Suche stehen in der Titelleiste der Mac-App (app.js meldet sie); bleibt vom Kopf nichts übrig, fällt er weg */
.kopf-nativ.eingebettet .kopf:not(:has(> .kennzahl)) .unter,
.kopf-nativ.eingebettet .kopf:not(:has(> .kennzahl)) input.suche { display: none; }
/* Die Reiter des Falltrainings stehen in der Mac-App als Umschalter in der Titelleiste */
.eingebettet .ft-reiter { display: none; }
.kopf-nativ.eingebettet .kopf:not(:has(> .kennzahl)):not(:has(.kopf-knoepfe > :not(input.suche):not(.ft-reiter))) { display: none; }