div.modal-content {
    background-color: var(--background-color1);
    border: 1px solid var(--faded-border-color);
    margin-top: 50%;
}

div.modal-header {
    display:flex;
    border: 0px;
}

div.modal-header button{
    display:none;
}

div.modal-body div.dropdownSelector {
    margin-top: 0;
}

div.modal-footer {
    border: 0px;
}

div.modal-footer button {
    background: var(--background-color2);
    border: 1px solid var(--faded-border-color);
}


div.modal-footer button:hover,
div.modal-footer button:focus,
div.modal-footer button:active
{
    background: var(--linear-gradient1);
}


.modal-open .modal {
    opacity: 1;
}

.modal-backdrop.fade {
    opacity: 0.5;
}

/* ── Detection model description Drawer (dmc 0.12.1 / Mantine v6) ──
   The panel is .mantine-Drawer-drawer (a .mantine-Paper-root), NOT -content. */
.mantine-Drawer-drawer,
.mantine-Drawer-header,
.mantine-Drawer-body {
    background-color: var(--background-color1) !important;
    color: var(--text-color) !important;
}

.mantine-Drawer-title {
    color: var(--highlight-text-color) !important;
}

.mantine-Drawer-close {
    color: var(--text-color) !important;
}

.mantine-Drawer-close:hover {
    background-color: var(--background-color2) !important;
}