@font-face {
   font-family: 'Micronbrane-Barlow';
   src: url('/static/host/micronbrane/fonts/Barlow.otf') format("opentype");
   font-weight: normal;
   font-style: normal;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   font-family: 'Micronbrane-Barlow';
}


.ant-btn-link,
.ant-btn-link:hover,
.ant-btn-link:focus {
   color: #02BBBE;
}


.ant-btn:hover,
.ant-btn:focus {
   color: #64A403;
   /* action buttons bottom like Get in touch and cancel */
   border-color: #64A403;
}


.ant-btn-primary {
   border-color: #ffd600;
   background-color: #ffd600;
   color: #3e3e3e;


}


.ant-btn-primary:hover,
.ant-btn-primary:active,
.ant-btn-primary.active,
.ant-btn-primary:focus {
   border-color: #3e3e3e;
   color: #ffd600;
   background-color: #3e3e3e;
}


/* .ant-btn-link,
.ant-btn-link:hover,
.ant-btn-link:focus {
   color: #1D1D1D;
} */


.project-summary .ps-header h1,
.dashboard-content-header h1,
/* a, */
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #1D1D1D;
}


.as-wrapper .analyses .footer span,
.as-wrapper .samples .footer span,
.ss-wrapper .analyses .footer span,
.ss-wrapper .samples .footer span {
   color: #02008F;
}


.navbar-header div.image-logo,
.top-content .header-wrapper .menu-left .image-logo {
   margin: 0;
   background-image: url("/static/host/micronbrane/img/logo.png");
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: contain;
   width: 140px;
   background-color: #fff;
}

.top-content .header-wrapper .menu-left .host-logo img {
    height: auto;
    margin: auto;
}
.top-content .header-wrapper .menu-left .host-logo img{
    width: 140px;
    padding-top: 12px;
}

.top-content .header-wrapper .menu-left:nth-child(1) li:nth-child(2) {
   background: #fff;
   height: 48px;
}


.navbar-header div.image-logo {
   height: 100%;
}


.navbar-inverse,
.top-content .header-wrapper {
   background: #64a403;
   color: #ffffff;
}


.navbar-inverse .nav>li:not(:hover)>a,
.top-content .header-wrapper .ant-menu-item:not(:hover)>*,
.top-content .header-wrapper .ant-menu-submenu-title:not(:hover)>* {
   color: #fff;
}






.navbar-inverse .nav>li>a,
.top-content .header-wrapper .ant-menu-item>*,
.top-content .header-wrapper .ant-menu-submenu-title>* {
   color: #006a96;
}


.navbar-inverse .nav>li>a {
   border-bottom: 2px solid #64A403;
}


.navbar-inverse .nav>li>a:hover,
.navbar-inverse .nav>li>a:focus,
.top-content .header-wrapper .ant-menu-horizontal>.ant-menu-item:hover,
.top-content .header-wrapper .ant-menu-horizontal>.ant-menu-submenu:hover {
   color: #3F8C00;
   background-color: #fff;
}


.navbar-inverse .nav>li>a:hover,
.navbar-inverse .nav>li>a:focus {
   border-bottom: none;
   border-bottom: 2px solid #e8e8e8;
}


.top-content .header-wrapper .ant-menu-item>a:hover,
.top-content .header-wrapper .ant-menu-submenu-title>a:hover,
.top-content .header-wrapper .ant-menu-item>button.ant-btn.ant-btn-link:hover,
.top-content .header-wrapper .ant-menu-submenu-title>button.ant-btn.ant-btn-link:hover,
.top-content .header-wrapper .ant-menu-item>.sample-floating-upload:hover,
.top-content .header-wrapper .ant-menu-submenu-title>.sample-floating-upload:hover {
   color: #006a96
}


.navbar-inverse .nav>li.dropdown-split-right>a:hover,
.navbar-inverse .nav>li.dropdown-split-right>a:focus {
   background-color: #e8e8e8;
   border-bottom: 2px solid #d3d3d3;
   transition: all .15s ease-in-out;
}


footer,
#root .footer-wrapper {
   background-color: #3a3a3c;
   color: #ffffff;
}


form[name='newSample'] .new-sample-datatype,
form[name='newSample'] .new-sample-workflow,
div.samples-upload .meta-data .upload-datatype,
.trial-container {
   display: none;
}


.refer-btn:focus,
.refer-btn:hover {
   color: #006a96;
   background-color: #fff;
}




#root .main-content .signup-page .signup-form .ant-form-item-children .signup-btn,
#root .main-content .signup-page .signup-form .has-success .signup-btn {
   background: #64A403;
}


.top-content .header-wrapper .ant-menu-item>a:hover,
.top-content .header-wrapper .ant-menu-submenu-title>a:hover,
.top-content .header-wrapper .ant-menu-item>button.ant-btn.ant-btn-link:hover,
.top-content .header-wrapper .ant-menu-submenu-title>button.ant-btn.ant-btn-link:hover,
.top-content .header-wrapper .ant-menu-item>.sample-floating-upload:hover,
.top-content .header-wrapper .ant-menu-submenu-title>.sample-floating-upload:hover {
   color: #64A403;
}


.navbar-inverse .nav>li>a,
.top-content .header-wrapper .ant-menu-item>*,
.top-content .header-wrapper .ant-menu-submenu-title>* {
   color: #64A403;
}


.refer-btn {
   color: #dadada;
}


.refer-btn:focus,
.refer-btn:hover {
   color: #64A403;
}


.ant-menu-horizontal>.ant-menu-item:hover,
.ant-menu-horizontal>.ant-menu-submenu:hover,
.ant-menu-horizontal>.ant-menu-item-active,
.ant-menu-horizontal>.ant-menu-submenu-active,
.ant-menu-horizontal>.ant-menu-item-open,
.ant-menu-horizontal>.ant-menu-submenu-open,
.ant-menu-horizontal>.ant-menu-item-selected,
.ant-menu-horizontal>.ant-menu-submenu-selected {
   border: none;
}


.ant-menu-item>a,
.ant-menu-item>div {
   color: #1D1D1D;
}


.ant-menu-item>a:hover,
.ant-menu-item>div:hover {
   color: #64A403;
}




.user-login .login-form i {
   color: #64A403;
}


.ant-input:hover,
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.ant-input:focus {
   border-color: #64A403;
}


.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
   border-color: #C70001;
}


.ant-form-explain {
   color: #C70001;
}


.ant-input:focus,
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active,
.ant-input-number:focus,
.ant-input-number:hover,
.ant-input-number-focused,
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
   box-shadow: 0 0 0 2px rgba(63, 140, 0, 0.2);
}


.dashboard-content-footer .ant-btn:hover,
.ant-btn:focus,
.ant-modal-content .ant-btn:hover,
.action-buttons .ant-btn:hover,
.ant-input-number:hover,
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active,
.ant-select-selection:hover,
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover,
.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner,
.detail .header-info hr,
.ant-slider-handle,
.ant-slider-handle:focus,
.details-view .ant-form-item-children .ant-btn,
.ant-anchor-ink-ball,
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open),
.ant-input-number:focus,
.ant-input-number.ant-input-number-focused,
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover,
.ant-pagination-item:focus,
.ant-pagination-item:hover,
.ant-radio-checked::after,
.ant-radio-checked .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus+.ant-radio-inner,
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
   border-color: #64A403;
}


.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-indeterminate .ant-checkbox-inner::after,
.ant-steps-item-process .ant-steps-item-icon,
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated,
.ant-spin-dot-item,
.ant-slider-track,
.ant-slider:hover .ant-slider-track,
.ant-radio-inner::after,
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
.ant-calendar-date:active,
.ant-progress-success-bg,
.ant-progress-bg {
   background-color: #64A403;
}


a,
.anticon.anticon-search.ant-table-filter-icon.ant-dropdown-trigger.filtered,
.anticon.anticon-filter.ant-dropdown-trigger.filtered,
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected>a,
.ant-dropdown-menu-submenu-title-selected>a,
.ant-radio-button-wrapper:hover,
.ant-table-tbody a:hover,
.ant-table-tbody a:focus,
.ant-table-filter-dropdown-link,
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on,
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon,
.datatype .pipeline-list-details .ant-card-head .ant-card-head-title a,
.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-nav .ant-tabs-tab:hover,
.quote-generator .qg-content .qg-pricing-setting .ant-dropdown-trigger,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
a:active,
a:hover,
.ant-btn-link:active,
.ant-btn-link.active,
.ant-modal-close:focus,
.ant-modal-close:hover,
.ant-anchor-link-active>.ant-anchor-link-title,
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner,
.ant-spin-text,
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active,
.user-profile-header .user-useful-links,
#peaks-table .browser-action,
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon,
.ant-table-filter-dropdown-link:hover,
.analysis-add-form .ant-row.ant-form-item .ant-col:nth-child(2) h5 {
   color: #64A403;
}


.table-search .ant-btn:hover,
.ant-pagination-item-active,
.ant-pagination-item-active a,
.ant-pagination-item:focus a,
.ant-pagination-item:hover a,
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active,
.table-action-buttons .ant-btn:active,
.table-action-buttons .ant-btn:hover,
.ant-table-row a.ant-btn:active,
.ant-table-row a.ant-btn:hover,
.ant-calendar-today .ant-calendar-date,
.form-action-buttons .ant-btn:active,
.form-action-buttons .ant-btn:hover,
.ant-btn:active,
.ant-btn.active,
.ant-timeline-item-head-blue {
   color: #64A403;
   border-color: #64A403;
}


.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   box-shadow: -1px 0 0 0 #64A403;
}


.ant-table .ant-table-tbody tr:hover,
.ant-select-dropdown-menu-item:active,
.ant-select-dropdown-menu-item:focus,
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-table-tbody tr:hover,
.ant-table-tbody>tr.ant-table-row:hover>td,
.project-summary .ps-header:hover,
.as-wrapper .analyses .body>p:hover,
.as-wrapper .samples .body>p:hover,
.ss-wrapper .analyses .body>p:hover,
.ss-wrapper .samples .body>p:hover,
.as-wrapper .analyses .header h3:hover,
.as-wrapper .samples .header h3:hover,
.ss-wrapper .analyses .header h3:hover,
.ss-wrapper .samples .header h3:hover,
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
#motifs-table .selected-row,
.selected-row,
.ant-calendar-range .ant-calendar-in-range-cell::before,
.ant-calendar-date:hover,
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected>a,
.ant-dropdown-menu-submenu-title-selected>a,
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
   background: rgba(255, 244, 147, .8) !important;
   color: #272c30 !important;
}


.footer-wrapper a {
   color: #878787;
}


.footer-wrapper a:active,
.footer-wrapper a:hover {
   opacity: 0.7;
}


div[title="OTHER"]+ul,
div[title="OTHER"] {
   display: none;
}


.ant-tooltip-inner,
.ant-tooltip-arrow::before {
   background-color: #dadada;
   color: #3c3c3b;
}


.refer-btn,
.ant-btn-link {
   border: none;
}


.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #ffffff;
   border-color: #64A403;
   background: #64A403;
}

div#subscriptions div:nth-child(3) {
   display: none;
}

div.ant-modal-root form.ant-form.ant-form-horizontal.upload-form div.ant-row.ant-form-item:nth-child(4) {
    display: none;
}

#root form.ant-form.ant-form-horizontal.upload-form div.ant-row.ant-form-item:nth-child(6) {
    display: none;
}
/* ─────────── PARTI-SEQ / MICRONBRANE THEME ─────────── */
/* GLOBAL */
body {
    background: #f5f5f5 !important;
    color: #333 !important;
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important
    }
.ant-layout, .ant-layout-content {
    background: #f5f5f5 !important
    }
/* ─────────── TOP HEADER (white, like partiseq) ─────────── */
.ant-layout-header, .navbar-inverse, .top-content .header-wrapper {
    background: #fff !important;
    border-width: 0 0 1px !important;
    border-style: solid !important;
    border-color: #eee !important
    }
/* Nav text — covers plain links, submenu titles (SAMPLES ▾, PIPELINES ▾) and icons */
.top-content .header-wrapper .header-top-link, .top-content .header-wrapper .ant-menu-item > *, .top-content .header-wrapper .ant-menu-submenu-title > *, .top-content .header-wrapper .ant-menu-item:not(:hover) > *, .top-content .header-wrapper .ant-menu-submenu-title:not(:hover) > *, .top-content .header-wrapper .menu-left > li > *, .top-content .header-wrapper .menu-right > li > *, .header-wrapper a, .header-wrapper span {
    color: #666 !important
    }
/* Hover: stay white, no dark flash */
.top-content .header-wrapper .menu-left > li:hover, .top-content .header-wrapper .menu-right > li:hover, .top-content .header-wrapper .ant-menu-horizontal > .ant-menu-item:hover, .top-content .header-wrapper .ant-menu-horizontal > .ant-menu-submenu:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > li > a:focus {
    background-color: #fff !important
    }
/* Green hover underline (recolors the app's built-in hover border) */
.top-content .header-wrapper .menu-left > li:hover, .top-content .header-wrapper .menu-right > li:hover {
    border-color: #64a402 !important
    }
.top-content .header-wrapper .header-top-link:hover, .top-content .header-wrapper .ant-menu-item:hover > *, .top-content .header-wrapper .ant-menu-submenu-title:hover > *, .top-content .header-wrapper .ant-menu-item > a:hover, .top-content .header-wrapper .ant-menu-submenu-title > a:hover, .header-wrapper a:hover, .header-wrapper .active, .top-content .header-wrapper .active-project-name:hover {
    color: #64a402 !important
    }
.active-project-name {
    color: #666 !important
    }
/* Remove the "selected" ink underline under the logo and nav items */
.top-content .header-wrapper .ant-menu-item::after, .top-content .header-wrapper .ant-menu-submenu::after {
    display: none !important
    }
/* ─────────── HEADER LOGO ─────────── */
/* Undo the legacy theme's 140px width + 12px padding that squashes the logo */
.top-content .header-wrapper .menu-left .host-logo img, .top-content .header-wrapper .menu-left .image-logo {
    width: 118px !important;
    height: 32px !important;
    padding: 0 !important
    }
.top-content .header-wrapper .menu-left .host-logo img {
    margin: 8px 0 0 !important
    }
/* ─────────── ANT MENU ─────────── */
.ant-menu {
    background: #fff !important
    }
.ant-menu-item {
    color: #666 !important
    }
.ant-menu-item:hover {
    color: #64a402 !important;
    background: #f7f9f3 !important
    }
.ant-menu-item-selected {
    color: #64a402 !important;
    background: #f7f9f3 !important
    }
/* ─────────── PAGE HEADINGS ─────────── */
h1, h2, h3, h4, h5, h6 {
    color: #333 !important
    }
/* ─────────── TABS ─────────── */
.ant-tabs-tab {
    color: #666 !important
    }
.ant-tabs-tab:hover {
    color: #64a402 !important
    }
.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #64a402 !important
    }
.ant-tabs-ink-bar {
    background: #64a402 !important
    }
.ant-tabs-top > .ant-tabs-nav::before {
    border-color: #e5e5e5 !important
    }
/* ─────────── BUTTONS ─────────── */
.ant-btn-primary, button.ant-btn-primary {
    background: #64a402 !important;
    border-color: #64a402 !important;
    color: #fff !important
    }
.ant-btn-primary:hover, .ant-btn-primary:focus, .ant-btn-primary:active {
    background: #579000 !important;
    border-color: #579000 !important;
    color: #fff !important
    }
.ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.ant-btn-text) {
    background: #fff !important;
    border-color: #d9d9d9 !important;
    color: #333 !important
    }
.ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.ant-btn-text):hover, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):not(.ant-btn-text):focus {
    background: #fff !important;
    border-color: #64a402 !important;
    color: #64a402 !important
    }
/* ─────────── LINKS ─────────── */
a {
    color: #64a402
    }
a:hover {
    color: #579000
    }
/* ─────────── INPUTS ─────────── */
.ant-input, .ant-input-affix-wrapper, .ant-select-selector, .ant-picker {
    background: #fff !important;
    border-color: #d9d9d9 !important
    }
.ant-input:hover, .ant-input-affix-wrapper:hover, .ant-select-selector:hover, .ant-picker:hover {
    border-color: #64a402 !important
    }
.ant-input:focus, .ant-input-focused, .ant-input-affix-wrapper-focused, .ant-select-focused .ant-select-selector, .ant-picker-focused {
    border-color: #64a402 !important;
    box-shadow: 0 0 0 2px rgba(100, 164, 2, 0.12) !important
    }
/* ─────────── CHECKBOX / RADIO / SWITCH ─────────── */
.ant-checkbox-checked .ant-checkbox-inner {
    background: #64a402 !important;
    border-color: #64a402 !important
    }
.ant-checkbox-wrapper:hover .ant-checkbox-inner {
    border-color: #64a402 !important
    }
.ant-radio-checked .ant-radio-inner {
    border-color: #64a402 !important;
    background: #64a402 !important
    }
.ant-switch-checked {
    background: #64a402 !important
    }
/* ─────────── SPINNER ─────────── */
.ant-spin {
    color: #64a402 !important
    }
.ant-spin .ant-spin-dot-holder {
    color: #64a402 !important;
    background: transparent !important
    }
.ant-spin-dot-item {
    background-color: #64a402 !important
    }
.ant-spin-text {
    color: #666 !important
    }
/* ─────────── CARDS ─────────── */
.ant-card {
    background: #fff !important;
    border-color: #e5e5e5 !important;
    box-shadow: none !important
    }
/* ─────────── TABLES ─────────── */
.ant-table {
    background: #fff !important;
    color: #333 !important
    }
.ant-table-thead > tr > th {
    background: #fafafa !important;
    color: #333 !important;
    border-color: #e5e5e5 !important
    }
.ant-table-tbody > tr > td {
    border-color: #eee !important
    }
.ant-table-tbody > tr:hover > td {
    background: #f7f9f3 !important
    }
/* ─────────── PAGINATION ─────────── */
.ant-pagination-item-active {
    border-color: #64a402 !important
    }
.ant-pagination-item-active a {
    color: #64a402 !important
    }
.ant-pagination-item:hover {
    border-color: #64a402 !important
    }
.ant-pagination-item:hover a {
    color: #64a402 !important
    }
/* ─────────── DROPDOWNS / SELECT ─────────── */
.ant-dropdown-menu-item:hover {
    background: #f7f9f3 !important;
    color: #64a402 !important
    }
.ant-select-item-option-selected {
    background: #f1f7e8 !important
    }
.ant-select-item-option-active {
    background: #f7f9f3 !important
    }
/* NOTE: no .ant-progress-bg override — status bars must stay
   blue (running) / red (failed) / green (complete) like partiseq */
/* ─────────── TAGS ─────────── */
.ant-tag-green {
    color: #4f8200 !important;
    background: #f1f7e8 !important;
    border-color: #dcebc5 !important
    }
/* ─────────── MODALS ─────────── */
.ant-modal-content, .ant-modal-header {
    background: #fff !important
    }
.ant-modal-title {
    color: #333 !important
    }
/* ─────────── DIVIDERS / TOOLTIP ─────────── */
.ant-divider {
    border-color: #eee !important
    }
.ant-tooltip-inner {
    background: #333 !important
    }
/* ─────────── SCROLLBAR ─────────── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px
    }
::-webkit-scrollbar-track {
    background: #f5f5f5
    }
::-webkit-scrollbar-thumb {
    background: #c8c8c8;
    border-radius: 8px
    }