/* Wie die Zähler-Kacheln im Admin-Bereich, nur trägt der Wert hier einen zweizeiligen Zeitstempel
   statt einer Zahl. Die Selektoren müssen die Spezifität von `.note.numberdisplay .value`
   bzw. `.sub` (notes.css) übertreffen, sonst gewinnen dort trotz Ladereihenfolge die Defaults. */
.note.numberdisplay.marini_syncnote .value {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

/* Der Endpunkt darunter ist Technik, keine Prosa. */
.note.numberdisplay.marini_syncnote .sub {
    font-family: monospace;
    font-size: 0.9rem;
}

/* Dreizehn Spalten passen auch bei ?fullwidth=true nicht immer nebeneinander -- lieber scrollen
   als die hinteren Flarum-Spalten abschneiden. */
.marini_list {
    overflow-x: auto;
}

.marini_list td,
.marini_list th {
    white-space: nowrap;
}

/* Spaltentrenner: dünn zwischen den Spalten einer Gruppe, etwas kräftiger zwischen den Gruppen
   (allgemein | TechnikApp | Marini | Flarum). Ohne die beiden Stärken sähe die Tabelle aus wie
   dreizehn gleichrangige Spalten -- die Zuordnung Spalte -> System liefe nur über die Kopfzeile.
   Der Unterschied darf klein bleiben: die Gruppenköpfe darüber tragen die Aussage, die Linie
   erinnert nur daran. Zu kräftig zerschneidet sie die Tabelle in vier separate Blöcke. */
.marini_list .table td + td,
.marini_list .table th + th {
    border-left: 1px solid #ebedef;
}

.marini_list .table td.marini_group_start,
.marini_list .table th.marini_group_start {
    border-left: 2px solid #c6c9cc;
}

/* Kopf gegen Rumpf absetzen -- bei dreizehn schmalen Spalten verschwimmen sonst Titel und
   erste Datenzeile zu einer Fläche. */
.marini_list .table thead th {
    background-color: rgba(0, 0, 0, .045);
}

/* Erste Kopfzeile: die Gruppennamen. Etwas ruhiger als die Spaltenköpfe darunter, damit klar ist
   welche Zeile die eigentlichen (klickbaren) Spaltentitel trägt. */
.marini_list .table thead tr.marini_grouprow th {
    padding-bottom: .25rem;
    border-top: none;
    border-bottom: none;
    font-size: .85em;
    letter-spacing: .05em;
    text-transform: uppercase;
    opacity: .75;
}

.marini_list .table thead tr.marini_grouprow + tr th {
    padding-top: .25rem;
    border-top: none;
    border-bottom: 2px solid #adb1b5;
    font-weight: bold;
}

/* Zeilenführung über die volle Breite: ohne Streifen verrutscht man beim Lesen quer durch
   dreizehn Spalten leicht in die Nachbarzeile. */
.marini_list .table tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, .02);
}

/* Firmennamen werden gerne lang ("... Holzbau und Zimmerei GmbH & Co. KG") und würden die
   Tabelle allein in die Breite ziehen -- bei dreizehn Spalten hieße das für alle anderen
   scrollen. Der volle Name hängt im title-Attribut.
   Die Begrenzung sitzt bewusst auf einem inline-block *im* td und nicht auf dem td selbst:
   bei `table-layout: auto` behandeln Browser max-width auf Zellen nur als Vorschlag. */
.marini_list .marini_ellipsis {
    display: inline-block;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.marini_list .marini_norows {
    text-align: center;
    font-style: italic;
    opacity: .6;
}

/* Die Filterzeile aus userlist.css kennt nur Suchfeld + Button. Hier kommen drei Selects dazu,
   die ohne Beschriftung nicht auseinanderzuhalten wären -- Label und Select bilden deshalb je
   eine Einheit, die als Ganzes umbricht statt das Label von seinem Feld zu trennen. */
.marini_filter .marini_filter_group {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

/* Gleiche Mindestbreite für alle drei, sonst schrumpfen die Ja/Nein-Felder auf die Breite von
   "Alle" und die Zeile wirkt zufällig zusammengewürfelt. */
.marini_filter .marini_filter_group select {
    min-width: 9rem;
}

.marini_list .marini_empty {
    opacity: .5;
    font-style: italic;
}

.marini_list .marini_mail_alt {
    opacity: .6;
    font-size: 0.85em;
}

.marini_list .marini_flag {
    display: inline-block;
    padding: 0 0.4em;
    border-radius: 0.25em;
    font-size: 0.85em;
    font-weight: bold;
}

.marini_list .marini_flag_yes {
    background-color: var(--col-alert-success-background);
    color: var(--col-alert-success-foreground);
}

.marini_list .marini_flag_no {
    opacity: .5;
}