/* ===============================
   Jungfischer Frontend & Backend
   =============================== */

/* Basis: Tabelle responsive */
.fv-jufi-table,
table.widefat {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    overflow-x: auto;
    display: block; /* für horizontal scroll */
}

/* Tabellenkopf & Zellen */
.fv-jufi-table th,
.fv-jufi-table td,
table.widefat th,
table.widefat td {
    padding: 0.4em 0.6em;
    text-align: left;
    font-size: 0.9em;
    border: 1px solid #ddd;
    word-wrap: break-word;
}

/* QR-Bilder */
.fv-jufi-table img,
table.widefat img {
    max-width: 70px;
    height: auto;
    display: block;
}

/* Buttons */
.fv-button,
.button,
.button-primary {
    display: inline-block;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    margin: 0.2em 0;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    text-align: center;
}

.button-primary {
    background-color: #0073aa;
    color: #fff;
}
.button-primary:hover {
    background-color: #005177;
}

/* Inputs in Tabellen */
.fv-jufi-table input[type="text"],
.fv-jufi-table input[type="date"] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.3em 0.4em;
    font-size: 0.9em;
}

/* Mobile: kleine Bildschirme */
@media (max-width: 768px) {
    .fv-jufi-table th,
    .fv-jufi-table td,
    table.widefat th,
    table.widefat td {
        font-size: 0.8em;
        padding: 0.3em 0.4em;
    }

    .fv-jufi-table img,
    table.widefat img {
        max-width: 50px;
    }

    .fv-button,
    .button,
    .button-primary {
        font-size: 0.85em;
        padding: 0.35em 0.6em;
        width: 100%;
        margin-bottom: 0.3em;
    }

    /* Formulare zusammenklappbar */
    #jufi-form-wrapper {
        padding: 0.5em;
    }
}