/* ================================================================
   EMBL Genomics Core Facility - Sample Submission Form Styles
   ================================================================ */

/* Accordion styling - green headers like production */
.accordion-button:not(.collapsed) {
    background-color: #acdfc5 !important;
    color: #000 !important;
}

.accordion-button {
    background-color: #f1f1f1 !important;
}

/* Radio buttons - green when checked */
.form-check-input:checked {
    background-color: #55c13a !important;
    border-color: #55c13a !important;
}

/* Submit button - green */
.btn-success, #submit-id-submit {
    background-color: #55c13a !important;
    border-color: #55c13a !important;
    color: #fff !important;
}

.btn-success:hover, #submit-id-submit:hover {
    background-color: #4bad33 !important;
    border-color: #43992e !important;
    color: #fff !important;
}

/* Fix toggle switch alignment */
.form-switch {
    padding-left: 2.5em !important;
}

.form-switch .form-check-input {
    margin-left: -2.5em !important;
}

/* Add spacing after accordion and before Remarks */
.accordion {
    margin-bottom: 1.5rem !important;
}

/* Tabulator table styling */
.tabulator .tabulator-cell {
    border-right: 1px solid #dbdbdb !important;
    border-bottom: 1px solid #dbdbdb !important;
}

.tabulator .tabulator-header .tabulator-col {
    border-right: 1px solid #dbdbdb !important;
}

.tabulator {
    border: 1px solid #dbdbdb !important;
}