/* ------------------------------------------------------------------
 * SimpleCounter – zentrale Styles  | 13 Jul 2025
 * Enthält alle bisherigen Regeln + empfohlene Ergänzungen
 * ----------------------------------------------------------------*/

/* Container ------------------------------------------------------- */
.sc_counter {
    /* bislang feste Breite → flexibel, aber Mindestbreite beibehalten */
    width: auto;
    min-width: 140px;

    /* optische Absetzung */
    /* border: 1px solid gainsboro; */ /* optional */
    padding: 5px;

    font-size: small;
}

/* Basiselemente --------------------------------------------------- */
.sc_counter li {
    display: block;
    list-style-type: none;
    line-height: 1em;
    padding: 2px 2px 2px 3px;
    margin: 0;
}

/* Titelzeile (neu) ----------------------------------------------- */
li.sc_title {
    /* Icon + Text hübsch nebeneinander */
    display: flex;
    align-items: center;

    font-weight: bold;
    margin-bottom: 4px;   /* etwas Abstand zum restlichen Block */
}

/* Gesamtsumme – etwas mehr Platz unten */
li.sc_gesamt {
    padding: 2px 2px 5px 3px;
}

/* Rekord & Online – Trennlinie oben */
li.sc_rekord,
li.sc_online {
    border-top: 1px dotted #888888;
    padding: 5px 2px 1px 2px;
}

/* Icon ------------------------------------------------------------ */
.sc_icon {
    margin-right: 6px;   /* Abstand nach rechts */
    /* margin-left entfällt, da Icon als erstes Element sitzt */
}