/* Geschaeftliches im Creator-Bereich, seit 09.09.2026.
 *
 * Wie bei den Anfragen liegt das Eigene dieser Seite in einer eigenen Datei
 * und haengt an einer Wurzelklasse, damit nichts in andere Ansichten laeuft.
 * `.fakten` und `.entscheidung` kommen aus dem Bestand und werden hier nur
 * benutzt, nicht neu definiert.
 *
 * Die Zahlenspalte steht rechtsbuendig und in Tabellenziffern. Ein Betrag,
 * den man gegen eine Plattformabrechnung haelt, muss stellenweise
 * untereinander stehen, sonst zaehlt man Nullen statt zu lesen.
 */

.geschaeft-seite .zeile {
  padding: 0.9rem 0;
  border-top: 1px solid var(--linie, #222);
}
.geschaeft-seite .zeile:first-of-type { border-top: 0; }

.geschaeft-seite .titel {
  display: block;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 0.35rem;
  overflow-wrap: anywhere;
}

.geschaeft-seite .meta {
  color: var(--leise, #888);
  font-size: 0.8125rem;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

/* Der Chip sitzt hinter dem Titel und darf nicht mit ihm verkleben. */
.geschaeft-seite .titel .chip { margin-left: 0.5rem; vertical-align: middle; }

/* Geldtabelle. `.fakten` bringt das Raster mit, hier kommt nur dazu, was
   Zahlen brauchen: rechte Kante, feste Ziffernbreite, keine Umbrueche. */
.geschaeft-seite .fakten { margin: 0.5rem 0 0.25rem; }
.geschaeft-seite .fakten dd {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.geschaeft-seite .fakten dt.titel,
.geschaeft-seite .fakten dd.titel { font-weight: 700; }

/* Der volle Wortlaut einer Kostenzustimmung. Er ist das, wozu zugestimmt
   wird, also steht er lesbar da und nicht als Kleingedrucktes. */
.geschaeft-seite .zitat {
  border-left: 3px solid var(--linie, #333);
  padding-left: 0.8rem;
  margin: 0.6rem 0;
  color: #ccc;
}
.geschaeft-seite .zitat p { margin: 0 0 0.6rem; }
.geschaeft-seite .zitat p:last-child { margin-bottom: 0; }

.geschaeft-seite .entscheidung { grid-auto-flow: column; justify-content: start; }
.geschaeft-seite form .entscheidung { margin-top: 0.5rem; }
.geschaeft-seite form textarea {
  width: 100%;
  min-height: 3.5rem;
  background: var(--flaeche2, #151515);
  border: 1px solid var(--linie, #222);
  color: inherit;
  padding: 0.55rem 0.65rem;
  border-radius: var(--rand, 8px);
  resize: vertical;
  font: inherit;
}

/* Der offene Saldo ist die eine Zahl, die jemand sucht, wenn er diese Seite
   aufmacht. Steht er auf null, bleibt er ruhig. */
.geschaeft-seite .karte > p.titel { font-size: 1.0625rem; }

@media (max-width: 32rem) {
  .geschaeft-seite .fakten { grid-template-columns: minmax(0, 1fr) max-content; }
  .geschaeft-seite .entscheidung { grid-auto-flow: row; }
}

/* Der Bereich ist gebaut, aber noch nicht dran: solange weder Abrechnung noch
   Kosten, Partner oder Konto etwas tragen, steht eine Zeile darueber, die das
   sagt (Jakob, 09.09.2026). Vier einzelne Leerhinweise untereinander lesen
   sich wie vier kaputte Abschnitte. Die gelbe Kante ist dieselbe Markierung,
   die im Board eine wartende Sache traegt, nicht die rote fuer einen Fehler:
   hier ist nichts kaputt, hier ist nur noch nichts passiert. */
.geschaeft-seite .noch-nicht {
  border-left: 3px solid var(--gelb, #F4CE14);
  background: color-mix(in srgb, var(--gelb, #F4CE14) 6%, var(--karte, #141414));
}
.geschaeft-seite .noch-nicht h3 { margin: 0 0 0.4rem; font-size: 1rem; }
.geschaeft-seite .noch-nicht p { color: var(--leise, #999); }