/* sicht-aufnehmen: Offen und Gedreht (schirm-4.png). Paket-Datei, nur ihr
   Paket ändert sie. Farben und Formen kommen aus den Tokens in stil.css. */

/* Der helle Block mit dem nächsten Skript. */
.aufn-block { padding: 20px 18px 18px; margin-bottom: 0; }

.aufn-nummer {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--tinte-grau);
}

.aufn-hook {
  margin: 0;
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -0.022em;
  overflow-wrap: anywhere;
}

.aufn-skript {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin: 14px 0 18px;
  font-size: 19px;
  line-height: 1.4;
  color: var(--tinte-grau);
}

.aufn-hochladen { width: 100%; margin-top: 18px; min-height: 56px; }
.aufn-skript + .aufn-hochladen { margin-top: 0; }

.aufn-oeffnen {
  width: 100%;
  margin-top: 8px;
  min-height: var(--tippziel);
  background: transparent;
  color: var(--tinte-grau);
  font-size: 16px;
}

.aufn-meldung { margin: 10px 0 0; font-size: 15px; color: var(--tinte); }
.aufn-meldung[hidden] { display: none; }

.aufn-abschnitt {
  margin: 28px 0 10px;
  font-size: 22px;
  letter-spacing: -0.015em;
  color: var(--grau);
}

.aufn-liste { overflow: hidden; }

.aufn-zeile {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 80px;
  padding: 12px 14px;
  border: 0;
  border-top: 0.5px solid var(--linie);
  background: transparent;
  color: var(--schrift);
  font: inherit;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
}

.aufn-zeile:first-child { border-top: 0; }
.aufn-zeile-upload { cursor: default; }

.aufn-zeile-cover {
  flex: 0 0 auto;
  width: 44px;
  height: 64px;
  border-radius: var(--r-klein);
}

.aufn-zeile-cover.cover-hook {
  padding: 4px;
  font-size: 8px;
  line-height: 1.1;
  letter-spacing: 0;
}

.aufn-zeile-text { display: block; flex: 1 1 auto; min-width: 0; }

.aufn-zeile-titel {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.aufn-zeile-stand { display: block; margin-top: 2px; font-size: 15px; color: var(--schrift-leise); }
.aufn-zeile-pfeil { flex: 0 0 auto; color: var(--schrift-leise); }

.aufn-upload-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.aufn-upload-groesse { flex: 0 0 auto; font-size: 16px; color: var(--schrift-leise); font-variant-numeric: tabular-nums; }

/* Der Balken des Uploads: weiße Füllung auf dunkler Spur. */
.aufn-balken {
  display: block;
  height: 6px;
  margin-top: 12px;
  border-radius: 999px;
  background: var(--flaeche-2);
  overflow: hidden;
}

.aufn-balken-fuell {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: var(--hell);
  transition: width 0.2s linear;
}

.aufn-schliessen { min-height: var(--tippziel); margin-top: 8px; padding: 0 16px; font-size: 15px; }

/* Skelett in der Form der fertigen Ansicht. */
.aufn-skelett-seg { height: 46px; margin: 0 0 12px; border-radius: 999px; }
.aufn-skelett-block { height: 360px; margin: 0; border-radius: var(--r-gross); }
.aufn-skelett-zeilen { height: 180px; margin: 28px 0 0; border-radius: var(--r-gross); }