:root {
    --pink-365: #ff195d;
    --pink-dark: #c72d59;
    --black-365: #272240;
}

/* =============================== */
/* Blokken - Tabel & Formulier    */
/* =============================== */


.cv-btn
{color:white!important}

.bbm-table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px;
    border-collapse: separate !important;
    border-width: 2px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    background-color: white;
}

.bbm-form {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    max-width: 100%;
    margin-bottom: 50px;
    margin-top: 75px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e0e0e0 !important;
    color: #272240 !important;
}

/* =============================== */
/* Tabel inhoud                   */
/* =============================== */
.bbm-th {
    text-align: left;
    padding: 10px 10px !important;
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    color: #272240 !important;
}

.bbm-tr:nth-child(even) {
    background-color: #f2f2f2;
}

.bbm-tr:hover {
    background-color: #fc8faf;
}

.bbm-td {
    padding: 10px 10px !important;
    border-bottom: 1px solid #ddd;
}

.bbm-td,
.bbm-th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.bbm-table thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}
.bbm-table thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}

/* =============================== */
/* Buttons                        */
.bbm-button {
       background-color: #ff195d !important;
    color: white !important;
    font-size: 14px !important;
    padding: 7px 20px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    border-style: outset !important;
    border-width: 2px !important;
    height: 45px !important;

}

.bbm-button:hover {
    background-color: #ff195d !important;
    transform: scale(1.10) !important;
    text-decoration: none !important;
}


.bbm-edit {
 background-color: #272240 !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
    border-color: #555c62 !important;

}

.bbm-edit:hover {
    background-color: #272240 !important;
    transform: scale(1.10) !important;
}

.bbm-delete,
.bbm-toggle {
     background-color: #ff195d !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    margin-top: 0px !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
}

.bbm-delete:hover,
.bbm-toggle:hover {
 background-color: #ff195d !important;
    transform: scale(1.10) !important;
}

.bbm-actions {
    display: flex;
    gap: 8px;
}

/* =============================== */
/* Formuliervelden                */
.bbm-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
}

.bbm-field {
    flex: 1;
    min-width: 50px;
}

.bbm-field-2 {
    flex: 1;
    min-width: 50px;
    height: 500px;
}

.bbm-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.bbm-input,
.bbm-input-2 {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
color:#272240 !important;
}

.bbm-input-2 {
    height: 45px;
}

.nv-page-title {
    border-left-width: 16px !important;
    border-left-color: #ff195d !important;
    border: 0 solid #333;
    padding-left: 17px !important;
}

h1::after {

}


.bbm-input {
    min-height: 45px; /* Zorgt voor gelijke hoogte */
}

.bbm-form.bbm-form-narrow {
    max-width: 700px !important;
    margin-left: auto;
    margin-right: auto;
}


td{font-size: .9em !important;}





/* === Alle bestaande planningsmeeting-styling behouden === */

[... bestaande CSS blijft behouden ...]

/* === CV COMPONENTEN === */
/* Varianten: cv-naam, cv-persoonsgegevens, cv-bedrijfsgegevens, cv-profiel, cv-skills, cv-werkervaring, cv-opleidingen, cv-talen */

.cv-form,
.cv-naam-form,
.cv-persoonsgegevens-form,
.cv-bedrijfsgegevens-form,
.cv-profiel-form,
.cv-skills-form,
.cv-werkervaring-form,
.cv-opleidingen-form,
.cv-talen-form {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    max-width: 100% !important;
    margin-bottom: 50px !important;
    margin-top: 75px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e0e0e0 !important;
    color: #272240 !important;
}

.cv-table,
.cv-naam-table,
.cv-persoonsgegevens-table,
.cv-bedrijfsgegevens-table,
.cv-profiel-table,
.cv-skills-table,
.cv-werkervaring-table,
.cv-opleidingen-table,
.cv-talen-table {
    width: 100% !important;
    border-spacing: 0 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    background-color: white !important;
    border-collapse: separate !important;
    border-width: 2px !important;
}

.cv-th,
.cv-naam-th,
.cv-persoonsgegevens-th,
.cv-bedrijfsgegevens-th,
.cv-profiel-th,
.cv-skills-th,
.cv-werkervaring-th,
.cv-opleidingen-th,
.cv-talen-th {
    text-align: left !important;
    padding: 10px 10px !important;
    background-color: #ffffff !important;
    font-weight: bold !important;
    border-bottom: 2px solid #ddd !important;
    color: #272240 !important;
}

.cv-tr:nth-child(even),
.cv-naam-tr:nth-child(even),
.cv-persoonsgegevens-tr:nth-child(even),
.cv-bedrijfsgegevens-tr:nth-child(even),
.cv-profiel-tr:nth-child(even),
.cv-skills-tr:nth-child(even),
.cv-werkervaring-tr:nth-child(even),
.cv-opleidingen-tr:nth-child(even),
.cv-talen-tr:nth-child(even) {
    background-color: #f2f2f2 !important;
}

.cv-tr:hover,
.cv-naam-tr:hover,
.cv-persoonsgegevens-tr:hover,
.cv-bedrijfsgegevens-tr:hover,
.cv-profiel-tr:hover,
.cv-skills-tr:hover,
.cv-werkervaring-tr:hover,
.cv-opleidingen-tr:hover,
.cv-talen-tr:hover {
    background-color: #fc8faf !important;
}

.cv-td,
.cv-naam-td,
.cv-persoonsgegevens-td,
.cv-bedrijfsgegevens-td,
.cv-profiel-td,
.cv-skills-td,
.cv-werkervaring-td,
.cv-opleidingen-td,
.cv-talen-td {
    padding: 10px 10px !important;
    border-bottom: 1px solid #ddd !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.cv-button,
.cv-naam-button,
.cv-persoonsgegevens-button,
.cv-bedrijfsgegevens-button,
.cv-profiel-button,
.cv-skills-button,
.cv-werkervaring-button,
.cv-opleidingen-button,
.cv-talen-button,
.wp-block-button__link {
    background-color: #ff195d !important;
    color: white !important;
    font-size: 14px !important;
    padding: 7px 20px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    border-style: outset !important;
    border-width: 2px !important;
    height: 45px !important;
}

.cv-button:hover,
.cv-naam-button:hover,
.cv-persoonsgegevens-button:hover,
.cv-bedrijfsgegevens-button:hover,
.cv-profiel-button:hover,
.cv-skills-button:hover,
.cv-werkervaring-button:hover,
.cv-opleidingen-button:hover,
.cv-talen-button:hover,
.wp-block-button__link:hover
 {
    background-color: #ff195d !important;
    transform: scale(1.10) !important;
    text-decoration: none !important;
}

.cv-edit,
.cv-naam-edit,
.cv-persoonsgegevens-edit,
.cv-bedrijfsgegevens-edit,
.cv-profiel-edit,
.cv-skills-edit,
.cv-werkervaring-edit,
.cv-opleidingen-edit,
.cv-talen-edit
 {
    background-color: #272240 !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
    border-color: #555c62 !important;
}

.cv-edit:hover,
.cv-naam-edit:hover,
.cv-persoonsgegevens-edit:hover,
.cv-bedrijfsgegevens-edit:hover,
.cv-profiel-edit:hover,
.cv-skills-edit:hover,
.cv-werkervaring-edit:hover,
.cv-opleidingen-edit:hover,
.cv-talen-edit:hover
  {
    background-color: #272240 !important;
    transform: scale(1.10) !important;
}

.cv-delete,
.cv-naam-delete,
.cv-persoonsgegevens-delete,
.cv-bedrijfsgegevens-delete,
.cv-profiel-delete,
.cv-skills-delete,
.cv-werkervaring-delete,
.cv-opleidingen-delete,
.cv-talen-delete {
    background-color: #ff195d !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    margin-top: 0px !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
}

.cv-delete:hover,
.cv-naam-delete:hover,
.cv-persoonsgegevens-delete:hover,
.cv-bedrijfsgegevens-delete:hover,
.cv-profiel-delete:hover,
.cv-skills-delete:hover,
.cv-werkervaring-delete:hover,
.cv-opleidingen-delete:hover,
.cv-talen-delete:hover {
    background-color: #ff195d !important;
    transform: scale(1.10) !important;
}

.cv-actions,
.cv-naam-actions,
.cv-persoonsgegevens-actions,
.cv-bedrijfsgegevens-actions,
.cv-profiel-actions,
.cv-skills-actions,
.cv-werkervaring-actions,
.cv-opleidingen-actions,
.cv-talen-actions {
    display: flex !important;
    gap: 8px !important;
}

.cv-row,
.cv-naam-row,
.cv-persoonsgegevens-row,
.cv-bedrijfsgegevens-row,
.cv-profiel-row,
.cv-skills-row,
.cv-werkervaring-row,
.cv-opleidingen-row,
.cv-talen-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: space-between !important;
}

.cv-field,
.cv-naam-field,
.cv-persoonsgegevens-field,
.cv-bedrijfsgegevens-field,
.cv-profiel-field,
.cv-skills-field,
.cv-werkervaring-field,
.cv-opleidingen-field,
.cv-talen-field {
    flex: 1 !important;
    min-width: 50px !important;
}

.cv-label,
.cv-naam-label,
.cv-persoonsgegevens-label,
.cv-bedrijfsgegevens-label,
.cv-profiel-label,
.cv-skills-label,
.cv-werkervaring-label,
.cv-opleidingen-label,
.cv-talen-label {
    font-weight: bold !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.cv-input,
.cv-naam-input,
.cv-persoonsgegevens-input,
.cv-bedrijfsgegevens-input,
.cv-profiel-input,
.cv-skills-input,
.cv-werkervaring-input,
.cv-opleidingen-input,
.cv-talen-input,
.cv-input-2,
.cv-naam-input-2,
.cv-persoonsgegevens-input-2,
.cv-bedrijfsgegevens-input-2,
.cv-profiel-input-2,
.cv-skills-input-2,
.cv-werkervaring-input-2,
.cv-opleidingen-input-2,
.cv-talen-input-2 {
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
color:#272240 !important;
}

.cv-input-2,
.cv-naam-input-2,
.cv-persoonsgegevens-input-2,
.cv-bedrijfsgegevens-input-2,
.cv-profiel-input-2,
.cv-skills-input-2,
.cv-werkervaring-input-2,
.cv-opleidingen-input-2,
.cv-talen-input-2 {
    height: 45px !important;
}




.cv-form,
.cv-naam-form,
.cv-persoonsgegevens-form,
.cv-bedrijfsgegevens-form,
.cv-profiel-form,
.cv-skills-form,
.cv-werkervaring-form,
.cv-opleidingen-form,
.cv-talen-form {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    max-width: 100% !important;
    margin-bottom: 50px !important;
    margin-top: 75px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e0e0e0 !important;
    color: #272240 !important;
}



/* Volledige en compatibele CSS voor alle planningsmeeting-varianten */

:root {
    --pink-365: #ff195d;
    --pink-dark: #c72d59;
    --black-365: #272240;
}

/* Lijst met varianten */
/* Basisprefix +: backoffice, beschikbaar, getekend, nadenken, open-vragen, orders, recruitment, schaduwbeschikbaarheid, wissels */

/* Helper macro: alle prefixen */
/* De onderstaande selectors zijn herhaald voor alle varianten */

/* === FORMULIER === */
.planningsmeeting-form,
.planningsmeeting-backoffice-form,
.planningsmeeting-beschikbaar-form,
.planningsmeeting-getekend-form,
.planningsmeeting-nadenken-form,
.openvragen-form,
.planningsmeeting-orders-form,
.planningsmeeting-recruitment-form,
.planningsmeeting-schaduwbeschikbaarheid-form,
.planningsmeeting-wissels-form {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    max-width: 100% !important;
    margin-bottom: 50px !important;
    margin-top: 75px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e0e0e0 !important;
    color: #272240 !important;
}

/* === TABEL === */
.planningsmeeting-table,
.planningsmeeting-backoffice-table,
.planningsmeeting-beschikbaar-table,
.planningsmeeting-getekend-table,
.planningsmeeting-nadenken-table,
.openvragen-table,
.planningsmeeting-orders-table,
.planningsmeeting-recruitment-table,
.planningsmeeting-schaduwbeschikbaarheid-table,
.planningsmeeting-wissels-table {
    width: 100% !important;
    border-spacing: 0 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    background-color: white !important;
    border-collapse: separate !important;
    border-width: 2px !important;
}

.planningsmeeting-th,
.planningsmeeting-backoffice-th,
.planningsmeeting-beschikbaar-th,
.planningsmeeting-getekend-th,
.planningsmeeting-nadenken-th,
.openvragen-th,
.planningsmeeting-orders-th,
.planningsmeeting-recruitment-th,
.planningsmeeting-schaduwbeschikbaarheid-th,
.planningsmeeting-wissels-th {
    text-align: left !important;
    padding: 10px 10px !important;
    background-color: #ffffff !important;
    font-weight: bold !important;
    border-bottom: 2px solid #ddd !important;
    color: #272240 !important;
}

.planningsmeeting-tr:nth-child(even),
.planningsmeeting-backoffice-tr:nth-child(even),
.planningsmeeting-beschikbaar-tr:nth-child(even),
.planningsmeeting-getekend-tr:nth-child(even),
.planningsmeeting-nadenken-tr:nth-child(even),
.openvragen-tr:nth-child(even),
.planningsmeeting-orders-tr:nth-child(even),
.planningsmeeting-recruitment-tr:nth-child(even),
.planningsmeeting-schaduwbeschikbaarheid-tr:nth-child(even),
.planningsmeeting-wissels-tr:nth-child(even) {
    background-color: #f2f2f2 !important;
}

.planningsmeeting-tr:hover,
.planningsmeeting-backoffice-tr:hover,
.planningsmeeting-beschikbaar-tr:hover,
.planningsmeeting-getekend-tr:hover,
.planningsmeeting-nadenken-tr:hover,
.openvragen-tr:hover,
.planningsmeeting-orders-tr:hover,
.planningsmeeting-recruitment-tr:hover,
.planningsmeeting-schaduwbeschikbaarheid-tr:hover,
.planningsmeeting-wissels-tr:hover {
    background-color: #fc8faf !important;
}

.planningsmeeting-td,
.planningsmeeting-backoffice-td,
.planningsmeeting-beschikbaar-td,
.planningsmeeting-getekend-td,
.planningsmeeting-nadenken-td,
.openvragen-td,
.planningsmeeting-orders-td,
.planningsmeeting-recruitment-td,
.planningsmeeting-schaduwbeschikbaarheid-td,
.planningsmeeting-wissels-td {
    padding: 10px 10px !important;
    border-bottom: 1px solid #ddd !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.planningsmeeting-table thead tr:first-child th:first-child,
.planningsmeeting-backoffice-table thead tr:first-child th:first-child,
.planningsmeeting-beschikbaar-table thead tr:first-child th:first-child,
.planningsmeeting-getekend-table thead tr:first-child th:first-child,
.planningsmeeting-nadenken-table thead tr:first-child th:first-child,
.openvragen-table thead tr:first-child th:first-child,
.planningsmeeting-orders-table thead tr:first-child th:first-child,
.planningsmeeting-recruitment-table thead tr:first-child th:first-child,
.planningsmeeting-schaduwbeschikbaarheid-table thead tr:first-child th:first-child,
.planningsmeeting-wissels-table thead tr:first-child th:first-child {
    border-top-left-radius: 12px !important;
}

.planningsmeeting-table thead tr:first-child th:last-child,
.planningsmeeting-backoffice-table thead tr:first-child th:last-child,
.planningsmeeting-beschikbaar-table thead tr:first-child th:last-child,
.planningsmeeting-getekend-table thead tr:first-child th:last-child,
.planningsmeeting-nadenken-table thead tr:first-child th:last-child,
.openvragen-table thead tr:first-child th:last-child,
.planningsmeeting-orders-table thead tr:first-child th:last-child,
.planningsmeeting-recruitment-table thead tr:first-child th:last-child,
.planningsmeeting-schaduwbeschikbaarheid-table thead tr:first-child th:last-child,
.planningsmeeting-wissels-table thead tr:first-child th:last-child {
    border-top-right-radius: 12px !important;
}

/* === BUTTONS === */
.planningsmeeting-button,
.planningsmeeting-backoffice-button,
.planningsmeeting-beschikbaar-button,
.planningsmeeting-getekend-button,
.planningsmeeting-nadenken-button,
.openvragen-button,
.planningsmeeting-orders-button,
.planningsmeeting-recruitment-button,
.planningsmeeting-schaduwbeschikbaarheid-button,
.planningsmeeting-wissels-button {
    background-color: #ff195d !important;
    color: white !important;
    font-size: 14px !important;
    padding: 7px 20px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    border-style: outset !important;
    border-width: 2px !important;
    height: 45px !important;
}

.planningsmeeting-button:hover,
.planningsmeeting-backoffice-button:hover,
.planningsmeeting-beschikbaar-button:hover,
.planningsmeeting-getekend-button:hover,
.planningsmeeting-nadenken-button:hover,
.openvragen-button:hover,
.planningsmeeting-orders-button:hover,
.planningsmeeting-recruitment-button:hover,
.planningsmeeting-schaduwbeschikbaarheid-button:hover,
.planningsmeeting-wissels-button:hover {
    background-color: #ff195d !important;
    transform: scale(1.10) !important;
    text-decoration: none !important;
}

/* === ACTIE KNOPPEN === */
.planningsmeeting-edit,
.planningsmeeting-backoffice-edit,
.planningsmeeting-beschikbaar-edit,
.planningsmeeting-getekend-edit,
.planningsmeeting-nadenken-edit,
.openvragen-edit,
.planningsmeeting-orders-edit,
.planningsmeeting-recruitment-edit,
.planningsmeeting-schaduwbeschikbaarheid-edit,
.planningsmeeting-wissels-edit,
.edit-button {
    background-color: #272240 !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
    border-color: #555c62 !important;
}

.planningsmeeting-edit:hover,
.planningsmeeting-backoffice-edit:hover,
.planningsmeeting-beschikbaar-edit:hover,
.planningsmeeting-getekend-edit:hover,
.planningsmeeting-nadenken-edit:hover,
.openvragen-edit:hover,
.planningsmeeting-orders-edit:hover,
.planningsmeeting-recruitment-edit:hover,
.planningsmeeting-schaduwbeschikbaarheid-edit:hover,
.planningsmeeting-wissels-edit:hover,
.edit-button:hover {
    background-color: #272240 !important;
    transform: scale(1.10) !important;
}

.planningsmeeting-delete,
.planningsmeeting-backoffice-delete,
.planningsmeeting-beschikbaar-delete,
.planningsmeeting-getekend-delete,
.planningsmeeting-nadenken-delete,
.openvragen-delete,
.planningsmeeting-orders-delete,
.planningsmeeting-recruitment-delete,
.planningsmeeting-schaduwbeschikbaarheid-delete,
.planningsmeeting-wissels-delete {
    background-color: #ff195d !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    border-color: #ff195d !important;
    margin-top: 0px !important;
    border-style: outset !important;
    border-width: 2px !important;
    padding: 1px 12px !important;
    height: 35px !important;
}

.planningsmeeting-delete:hover,
.planningsmeeting-backoffice-delete:hover,
.planningsmeeting-beschikbaar-delete:hover,
.planningsmeeting-getekend-delete:hover,
.planningsmeeting-nadenken-delete:hover,
.openvragen-delete:hover,
.planningsmeeting-orders-delete:hover,
.planningsmeeting-recruitment-delete:hover,
.planningsmeeting-schaduwbeschikbaarheid-delete:hover,
.planningsmeeting-wissels-delete:hover {
    background-color: #ff195d !important;
    transform: scale(1.10) !important;
}

.planningsmeeting-actions,
.planningsmeeting-backoffice-actions,
.planningsmeeting-beschikbaar-actions,
.planningsmeeting-getekend-actions,
.planningsmeeting-nadenken-actions,
.openvragen-actions,
.planningsmeeting-orders-actions,
.planningsmeeting-recruitment-actions,
.planningsmeeting-schaduwbeschikbaarheid-actions,
.planningsmeeting-wissels-actions {
    display: flex !important;
    gap: 8px !important;
}

/* === FORMULIERVELDEN === */
.planningsmeeting-row,
.planningsmeeting-backoffice-row,
.planningsmeeting-beschikbaar-row,
.planningsmeeting-getekend-row,
.planningsmeeting-nadenken-row,
.openvragen-row,
.planningsmeeting-orders-row,
.planningsmeeting-recruitment-row,
.planningsmeeting-schaduwbeschikbaarheid-row,
.planningsmeeting-wissels-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: space-between !important;
}

.planningsmeeting-field,
.planningsmeeting-backoffice-field,
.planningsmeeting-beschikbaar-field,
.planningsmeeting-getekend-field,
.planningsmeeting-nadenken-field,
.openvragen-field,
.planningsmeeting-orders-field,
.planningsmeeting-recruitment-field,
.planningsmeeting-schaduwbeschikbaarheid-field,
.planningsmeeting-wissels-field {
    flex: 1 !important;
    min-width: 50px !important;
}

.planningsmeeting-field-2,
.planningsmeeting-backoffice-field-2,
.planningsmeeting-beschikbaar-field-2,
.planningsmeeting-getekend-field-2,
.planningsmeeting-nadenken-field-2,
.openvragen-field-2,
.planningsmeeting-orders-field-2,
.planningsmeeting-recruitment-field-2,
.planningsmeeting-schaduwbeschikbaarheid-field-2,
.planningsmeeting-wissels-field-2 {
    flex: 1 !important;
    min-width: 50px !important;
    height: 500px !important;
}

.planningsmeeting-label,
.planningsmeeting-backoffice-label,
.planningsmeeting-beschikbaar-label,
.planningsmeeting-getekend-label,
.planningsmeeting-nadenken-label,
.openvragen-label,
.planningsmeeting-orders-label,
.planningsmeeting-recruitment-label,
.planningsmeeting-schaduwbeschikbaarheid-label,
.planningsmeeting-wissels-label {
    font-weight: bold !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.planningsmeeting-input,
.planningsmeeting-backoffice-input,
.planningsmeeting-beschikbaar-input,
.planningsmeeting-getekend-input,
.planningsmeeting-nadenken-input,
.openvragen-input,
.planningsmeeting-orders-input,
.planningsmeeting-recruitment-input,
.planningsmeeting-schaduwbeschikbaarheid-input,
.planningsmeeting-wissels-input,
.planningsmeeting-input-2,
.planningsmeeting-backoffice-input-2,
.planningsmeeting-beschikbaar-input-2,
.planningsmeeting-getekend-input-2,
.planningsmeeting-nadenken-input-2,
.openvragen-input-2,
.planningsmeeting-orders-input-2,
.planningsmeeting-recruitment-input-2,
.planningsmeeting-schaduwbeschikbaarheid-input-2,
.planningsmeeting-wissels-input-2 {
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
color:#272240 !important;
}

.planningsmeeting-input-2,
.planningsmeeting-backoffice-input-2,
.planningsmeeting-beschikbaar-input-2,
.planningsmeeting-getekend-input-2,
.planningsmeeting-nadenken-input-2,
.openvragen-input-2,
.planningsmeeting-orders-input-2,
.planningsmeeting-recruitment-input-2,
.planningsmeeting-schaduwbeschikbaarheid-input-2,
.planningsmeeting-wissels-input-2 {
    height: 45px !important;
}


h1, h2, h3, h4, a {color:#272240 !important}

.missing-koppeling {
    background-color: #ffe6e6 !important; /* zacht rood/roze */
}
.jaartotaal {
    font-size: 1.4em;       /* iets kleiner dan de huidige kop */
    font-weight: 700;       /* nog steeds vet maar niet te dik */
    text-align: right;      /* rechts uitlijnen */
    padding-right: 10px;    /* schuif hem naar links zodat hij gelijk staat met de bedragen */
}


.bbm-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  min-width: 220px;
  padding: 12px 20px;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  z-index: 9999;
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeInOut 4s ease forwards;
}
.bbm-toast-success {
  background: #1a7d2d; /* groen */
}
.bbm-toast-error {
  background: #b71c1c; /* rood */
}
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(-10px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}