/* ============================================================
   File    : /app/ui/assets/parents.panel.css
   Solution: Familie Engelbracht
   Version : v1.2.0 – 11-02-2026 23:20 CET

   Purpose:
   - Styling specifiek voor Ouders-admin popup
   - Approve = groen
   - Reject  = rood
   ============================================================ */

/* =========================
   Table layout
   ========================= */

#parents-admin-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

#parents-admin-table th,
#parents-admin-table td {
    padding: 6px 8px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

/* =========================
   Actions column
   ========================= */

.parents-actions {
    display: flex;
    gap: 6px;
}

/* =========================
   Buttons base
   ========================= */

#parents-admin-table button {
    padding: 5px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    color: #fff;
    transition: background 0.15s ease-in-out;
}

/* =========================
   Approve (groen)
   ========================= */

.parents-approve {
    background: #2e8b57; /* groen */
}

.parents-approve:hover {
    background: #246b45;
}

/* =========================
   Reject (rood)
   ========================= */

.parents-reject {
    background: #c0392b; /* rood */
}

.parents-reject:hover {
    background: #992d22;
}