/* ==========================================================================
   nojhancdn — Dark mode overrides for legacy (Apadana / Bootstrap) styles
   Applied only when <html data-theme="dark">. Section A is generated from
   style.css/main.css hard-coded light colours; Section B is hand-tuned.
   ========================================================================== */

/* ---------- A. Generated legacy overrides ---------- */
html[data-theme="dark"] .img-thumbnail,
html[data-theme="dark"] .table .thead-light th,
html[data-theme="dark"] table.table-list thead th,
html[data-theme="dark"] .table-list>tbody>tr>td,
html[data-theme="dark"] .table-list>tbody>tr:hover>td,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] select.form-control:focus::-ms-value,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-light.disabled,
html[data-theme="dark"] .btn-light:disabled,
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-white.disabled,
html[data-theme="dark"] .btn-white:disabled,
html[data-theme="dark"] .btn-check:active+.btn-outline-light,
html[data-theme="dark"] .btn-check:checked+.btn-outline-light,
html[data-theme="dark"] .btn-check:active+.btn-outline-white,
html[data-theme="dark"] .btn-check:checked+.btn-outline-white,
html[data-theme="dark"] .btn-link.focus,
html[data-theme="dark"] .btn-link:focus,
html[data-theme="dark"] .btn-link:hover,
html[data-theme="dark"] .btn-link.active,
html[data-theme="dark"] .btn-link.active:focus,
html[data-theme="dark"] .btn-link:active,
html[data-theme="dark"] .btn-link:active:focus,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .custom-control-input:disabled~.custom-control-label::before,
html[data-theme="dark"] .custom-control-input[disabled]~.custom-control-label::before,
html[data-theme="dark"] .custom-control-label::before,
html[data-theme="dark"] .custom-select:focus::-ms-value,
html[data-theme="dark"] .custom-select:disabled,
html[data-theme="dark"] .custom-file-input:disabled~.custom-file-label,
html[data-theme="dark"] .custom-file-input[disabled]~.custom-file-label,
html[data-theme="dark"] .custom-file-label,
html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .card {
    background-color: var(--nj-surface) !important;
}

html[data-theme="dark"] .mc-promo-login,
html[data-theme="dark"] .mc-promo-manage,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .page-item.disabled .page-link,
html[data-theme="dark"] .jumbotron,
html[data-theme="dark"] .progress,
html[data-theme="dark"] .list-group-item-action:focus,
html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .list-group-item-action:active,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .list-group-item.disabled,
html[data-theme="dark"] .list-group-item:disabled,
html[data-theme="dark"] .list-group-item.active,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] section#main-body,
html[data-theme="dark"] .select-account a:hover,
html[data-theme="dark"] .continue-container,
html[data-theme="dark"] .invite-box,
html[data-theme="dark"] header.header,
html[data-theme="dark"] header.header .search .btn,
html[data-theme="dark"] .input-group .btn-reveal-pw:active,
html[data-theme="dark"] .input-group .btn-reveal-pw:hover,
html[data-theme="dark"] .modal .modal-header,
html[data-theme="dark"] .modal-localisation .item-selector .item:hover,
html[data-theme="dark"] .responsive-tabs-sm .nav-item a:hover,
html[data-theme="dark"] .responsive-tabs-sm,
html[data-theme="dark"] .responsive-tabs-sm .nav-item a.active,
html[data-theme="dark"] .responsive-tabs-sm-connector .channel,
html[data-theme="dark"] .sidebar .list-group-item.active,
html[data-theme="dark"] .sidebar .list-group-item.active:focus,
html[data-theme="dark"] .sidebar .list-group-item.active:hover,
html[data-theme="dark"] .home-domain-search .input-group-wrapper,
html[data-theme="dark"] .action-icon-btns a,
html[data-theme="dark"] .client-home-cards .card-header {
    background-color: var(--nj-surface) !important;
}

html[data-theme="dark"] .tiles .tile,
html[data-theme="dark"] .tiles .tile:hover,
html[data-theme="dark"] .twofa-setup .backup-code,
html[data-theme="dark"] .popover-user-notifications ul li a:hover,
html[data-theme="dark"] .verification-banner,
html[data-theme="dark"] .md-editor>.btn-toolbar,
html[data-theme="dark"] .md-editor>.md-preview,
html[data-theme="dark"] .md-editor>textarea.markdown-editor,
html[data-theme="dark"] .markdown-content table,
html[data-theme="dark"] .md-preview table,
html[data-theme="dark"] .markdown-content table>thead>tr>th,
html[data-theme="dark"] .md-preview table>thead>tr>th,
html[data-theme="dark"] .store-order-container .store-domain-tabs li a,
html[data-theme="dark"] .store-order-container .store-domain-tabs li.active a,
html[data-theme="dark"] .promo-container,
html[data-theme="dark"] .promo-banner,
html[data-theme="dark"] .upgrade .product-to-be-upgraded,
html[data-theme="dark"] .upgrade .products .product,
html[data-theme="dark"] .kb-category a:hover,
html[data-theme="dark"] .kb-article-item:hover,
html[data-theme="dark"] .ticket-des,
html[data-theme="dark"] .view-ticket .posted-by,
html[data-theme="dark"] .view-ticket .attachment-list li figure,
html[data-theme="dark"] .ticketfeedbackstaffcont,
html[data-theme="dark"] #registration,
html[data-theme="dark"] #registration .sub-heading span,
html[data-theme="dark"] #registration .field,
html[data-theme="dark"] #registration .form-control,
html[data-theme="dark"] #registration .field[disabled],
html[data-theme="dark"] #registration .field[readonly],
html[data-theme="dark"] #registration .form-control[disabled],
html[data-theme="dark"] #registration .form-control[readonly],
html[data-theme="dark"] div.credit-card,
html[data-theme="dark"] .invoice-summary-table td.total-row,
html[data-theme="dark"] tr.masspay-total td,
html[data-theme="dark"] div.product-details-tab-container,
html[data-theme="dark"] .featured-tld,
html[data-theme="dark"] .featured-tld .price,
html[data-theme="dark"] .domain-pricing .tld-pricing-header .col-sm-2,
html[data-theme="dark"] .domain-pricing .tld-pricing-header .col-sm-4 {
    background-color: var(--nj-surface) !important;
}

html[data-theme="dark"] .domain-pricing .tld-pricing-header .col-xs-2,
html[data-theme="dark"] .domain-pricing .tld-pricing-header .col-xs-4,
html[data-theme="dark"] .domain-pricing .tld-pricing-header div:nth-child(odd),
html[data-theme="dark"] .widget-box,
html[data-theme="dark"] .bgl-dark,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control,
html[data-theme="dark"] .table-container.clearfix,
html[data-theme="dark"] #order-standard_cart .products .product header,
html[data-theme="dark"] .ticket-replies .reply,
html[data-theme="dark"] .ticket-replies .replies-user-info,
html[data-theme="dark"] .ticket-info-block .ticket-info-item .icon,
html[data-theme="dark"] .ticket-info,
html[data-theme="dark"] .login100-form,
html[data-theme="dark"] .Registr100-form,
html[data-theme="dark"] .label-checkbox100::before,
html[data-theme="dark"] .default-tab,
html[data-theme="dark"] .custom-tab-1,
html[data-theme="dark"] .btn-icon-left,
html[data-theme="dark"] header.header .btn,
html[data-theme="dark"] .widget-stat,
html[data-theme="dark"] .announcement-item,
html[data-theme="dark"] .downlload-box,
html[data-theme="dark"] .service-det,
html[data-theme="dark"] .newser-item,
html[data-theme="dark"] .intl-tel-input .country-list,
html[data-theme="dark"] .bootstrap-switch,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary.disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary.disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:disabled,
html[data-theme="dark"] .md-editor .md-footer,
html[data-theme="dark"] .md-editor > .md-header,
html[data-theme="dark"] .md-editor > .md-preview,
html[data-theme="dark"] .md-editor > textarea,
html[data-theme="dark"] .md-editor > textarea:focus,
html[data-theme="dark"] .md-editor.md-fullscreen-mode,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-input,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-preview,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-input:focus,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-input:hover {
    background-color: var(--nj-surface) !important;
}

html[data-theme="dark"] div.dtr-modal div.dtr-modal-close,
html[data-theme="dark"] .lb-outerContainer,
html[data-theme="dark"] .captcha-overlay-popup,
html[data-theme="dark"] .flickity-button:hover {
    background-color: var(--nj-surface) !important;
}

html[data-theme="dark"] div.dataTables_wrapper div.dataTables_info,
html[data-theme="dark"] pre,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table-hover tbody tr:hover,
html[data-theme="dark"] .table .thead-light th,
html[data-theme="dark"] table.table-list thead th,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] select.form-control:focus::-ms-value,
html[data-theme="dark"] .form-control-plaintext,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn-outline-black,
html[data-theme="dark"] .btn-outline-black:hover,
html[data-theme="dark"] .btn-outline-black.active,
html[data-theme="dark"] .btn-outline-black.dropdown-toggle.show,
html[data-theme="dark"] .btn-outline-black.focus,
html[data-theme="dark"] .btn-outline-black:active,
html[data-theme="dark"] .btn-outline-black:focus,
html[data-theme="dark"] .btn-outline-black.disabled,
html[data-theme="dark"] .btn-outline-black:disabled,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-item-text,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .custom-select:focus::-ms-value,
html[data-theme="dark"] .custom-file-label,
html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .list-group-item-action,
html[data-theme="dark"] .list-group-item-action:focus,
html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .list-group-item-action:active,
html[data-theme="dark"] .close,
html[data-theme="dark"] .close:hover,
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] a.admin-inline-edit:hover,
html[data-theme="dark"] .btn-return-to-admin:hover {
    color: var(--nj-text) !important;
}

html[data-theme="dark"] .btn-return-to-admin .floating:hover,
html[data-theme="dark"] .modal-localisation .item-selector .item:hover,
html[data-theme="dark"] .modal-localisation .item-selector .item.active,
html[data-theme="dark"] .action-icon-btns a:hover,
html[data-theme="dark"] .client-home-cards .card-header .btn:hover,
html[data-theme="dark"] .twofa-setup .backup-code,
html[data-theme="dark"] .popover-user-notifications ul li a,
html[data-theme="dark"] .verification-banner,
html[data-theme="dark"] .markdown-content h1,
html[data-theme="dark"] .md-preview h1,
html[data-theme="dark"] .markdown-content h2,
html[data-theme="dark"] .md-preview h2,
html[data-theme="dark"] .markdown-content h3,
html[data-theme="dark"] .md-preview h3,
html[data-theme="dark"] .markdown-content h4,
html[data-theme="dark"] .md-preview h4,
html[data-theme="dark"] .upgrade .products .product ul li span,
html[data-theme="dark"] div.credit-card .logo-discover,
html[data-theme="dark"] .featured-tld .price,
html[data-theme="dark"] .pagination>li>a,
html[data-theme="dark"] .pagination>li>span,
html[data-theme="dark"] .login100-form-title,
html[data-theme="dark"] .input100,
html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .md-editor .md-controls .md-control:hover,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-preview,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-input:focus,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-input:hover,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .btn.active,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .btn:active,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .btn:focus,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .btn:hover,
html[data-theme="dark"] .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover,
html[data-theme="dark"] .flickity-button,
html[data-theme="dark"] .mfp-close-btn-in .mfp-close {
    color: var(--nj-text) !important;
}

html[data-theme="dark"] .img-thumbnail,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table tbody+tbody,
html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-bordered td,
html[data-theme="dark"] .table-bordered th,
html[data-theme="dark"] .table .thead-light th,
html[data-theme="dark"] table.table-list thead th,
html[data-theme="dark"] table.table-solid-bottom-border-light-gray,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .dropdown-divider,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-tabs .nav-link:focus,
html[data-theme="dark"] .nav-tabs .nav-link:hover,
html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .page-item.disabled .page-link,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-left,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .table-dark tbody+tbody,
html[data-theme="dark"] .table-dark td,
html[data-theme="dark"] .table-dark th,
html[data-theme="dark"] .table-dark thead th,
html[data-theme="dark"] .table .thead-dark th,
html[data-theme="dark"] .select-account,
html[data-theme="dark"] .select-account a,
html[data-theme="dark"] .continue-container,
html[data-theme="dark"] .invite-box,
html[data-theme="dark"] header.header .search,
html[data-theme="dark"] header.header .search .btn,
html[data-theme="dark"] .input-group .btn-reveal-pw:active,
html[data-theme="dark"] .input-group .btn-reveal-pw:hover {
    border-color: var(--nj-border) !important;
}

html[data-theme="dark"] .modal-localisation .item-selector .item,
html[data-theme="dark"] .responsive-tabs-sm,
html[data-theme="dark"] .responsive-tabs-sm .nav-item,
html[data-theme="dark"] .responsive-tabs-sm-connector .channel,
html[data-theme="dark"] .responsive-tabs-sm-connector .bottom-border,
html[data-theme="dark"] .responsive-tabs-sm-connector.store .channel,
html[data-theme="dark"] .home-domain-search .input-group-wrapper,
html[data-theme="dark"] .tiles div:nth-child(1)>.tile,
html[data-theme="dark"] .tiles div:nth-child(2)>.tile,
html[data-theme="dark"] .twofa-setup .activation-msg,
html[data-theme="dark"] .twofa-module,
html[data-theme="dark"] .popover-user-notifications ul li,
html[data-theme="dark"] .verification-banner,
html[data-theme="dark"] .md-editor,
html[data-theme="dark"] .md-editor>.md-preview,
html[data-theme="dark"] .md-editor>textarea.markdown-editor,
html[data-theme="dark"] div.md-editor.active,
html[data-theme="dark"] .markdown-content blockquote,
html[data-theme="dark"] .md-preview blockquote,
html[data-theme="dark"] .markdown-content table,
html[data-theme="dark"] .md-preview table,
html[data-theme="dark"] .markdown-content table>thead>tr>th,
html[data-theme="dark"] .md-preview table>thead>tr>th,
html[data-theme="dark"] .markdown-content table>tbody>tr>td,
html[data-theme="dark"] .md-preview table>tbody>tr>td,
html[data-theme="dark"] .store-order-container .store-domain-tabs li a,
html[data-theme="dark"] .store-order-container .store-domain-tab-content,
html[data-theme="dark"] .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metrics-row>div:not(:last-child),
html[data-theme="dark"] .upgrade .products .product ul,
html[data-theme="dark"] .upgrade .products .product .footer,
html[data-theme="dark"] .upgrade .products .product ul li,
html[data-theme="dark"] .mc-promo-login .view-ticket .content,
html[data-theme="dark"] .mc-promo-manage .view-ticket .content,
html[data-theme="dark"] .view-ticket .card-body,
html[data-theme="dark"] .view-ticket .mc-promo-login .content,
html[data-theme="dark"] .view-ticket .mc-promo-manage .content,
html[data-theme="dark"] .view-ticket .attachments,
html[data-theme="dark"] .view-ticket .attachment-list li span,
html[data-theme="dark"] #registration .sub-heading,
html[data-theme="dark"] #registration .form-control:focus {
    border-color: var(--nj-border) !important;
}

html[data-theme="dark"] div.credit-card,
html[data-theme="dark"] div.product-details-tab-container,
html[data-theme="dark"] .dataTables_wrapper table.table-list,
html[data-theme="dark"] .client-home-cards .list-group .list-group-item,
html[data-theme="dark"] .card,
html[data-theme="dark"] .bgl-dark,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control,
html[data-theme="dark"] #order-standard_cart .products .product header,
html[data-theme="dark"] .table-container.clearfix,
html[data-theme="dark"] .ticket-replies .reply,
html[data-theme="dark"] .ticket-replies .replies-user-info .replies-user-image,
html[data-theme="dark"] .ticket-replies .replies-client .replies-user-info,
html[data-theme="dark"] .ticket-replies .replies-admin .replies-user-info,
html[data-theme="dark"] .ticket-info>div:nth-child(2),
html[data-theme="dark"] .wrap-input100,
html[data-theme="dark"] .product-desc li,
html[data-theme="dark"] .shadow-lg,
html[data-theme="dark"] .widget-stat,
html[data-theme="dark"] .announcement-item,
html[data-theme="dark"] .announcement-item-title,
html[data-theme="dark"] .downlload-box,
html[data-theme="dark"] .service-det,
html[data-theme="dark"] .intl-tel-input .country-list,
html[data-theme="dark"] .intl-tel-input .country-list .divider,
html[data-theme="dark"] .bootstrap-switch,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary.disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary.disabled,
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:disabled,
html[data-theme="dark"] .md-editor > .md-preview,
html[data-theme="dark"] .md-editor > textarea,
html[data-theme="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-theme="dark"] .captcha-overlay-popup {
    border-color: var(--nj-border) !important;
}

/* ---------- B. Hand-tuned ---------- */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .well,
html[data-theme="dark"] .jumbotron,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .panel-body,
html[data-theme="dark"] .card-body { background-color: transparent; }
html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light { background-color: var(--nj-surface) !important; }
html[data-theme="dark"] .card, html[data-theme="dark"] .panel, html[data-theme="dark"] .modal-content, html[data-theme="dark"] .dropdown-menu { background-color: var(--nj-surface) !important; }
html[data-theme="dark"] .card-footer, html[data-theme="dark"] .panel-footer, html[data-theme="dark"] .table thead th, html[data-theme="dark"] .input-group-text { background-color: var(--nj-surface-2) !important; }
html[data-theme="dark"] .text-dark, html[data-theme="dark"] .text-black, html[data-theme="dark"] .text-body, html[data-theme="dark"] .text-secondary { color: var(--nj-text) !important; }
html[data-theme="dark"] .border, html[data-theme="dark"] .border-top, html[data-theme="dark"] .border-bottom, html[data-theme="dark"] .border-left, html[data-theme="dark"] .border-right { border-color: var(--nj-border) !important; }
html[data-theme="dark"] .shadow, html[data-theme="dark"] .shadow-sm { box-shadow: var(--nj-shadow) !important; }
html[data-theme="dark"] .form-control, html[data-theme="dark"] .custom-select, html[data-theme="dark"] select, html[data-theme="dark"] textarea, html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] input[type="tel"], html[data-theme="dark"] input[type="search"], html[data-theme="dark"] input[type="url"] {
    background-color: var(--nj-surface-2) !important; color: var(--nj-text) !important; border-color: var(--nj-border-strong) !important;
}
html[data-theme="dark"] .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%2392a1b8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: left .75rem center !important; background-size: 8px 10px !important; }
html[data-theme="dark"] option { background: var(--nj-surface); color: var(--nj-text); }
html[data-theme="dark"] .form-control:focus { background-color: var(--nj-surface) !important; border-color: var(--nj-primary) !important; }
html[data-theme="dark"] .form-control:disabled, html[data-theme="dark"] .form-control[readonly] { background-color: var(--nj-surface-3) !important; color: var(--nj-muted) !important; }
html[data-theme="dark"] .table, html[data-theme="dark"] table { color: var(--nj-text); }
html[data-theme="dark"] .table td, html[data-theme="dark"] .table th, html[data-theme="dark"] .table-list > tbody > tr > td { background-color: transparent !important; }
html[data-theme="dark"] .table-hover tbody tr:hover > td, html[data-theme="dark"] .table-list > tbody > tr:hover > td { background-color: var(--nj-surface-2) !important; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .02) !important; }
html[data-theme="dark"] .list-group-item { background-color: transparent !important; color: var(--nj-text) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .list-group-item.active { background-color: var(--nj-primary-soft) !important; color: var(--nj-primary) !important; }
html[data-theme="dark"] .list-group-item-action:hover { background-color: var(--nj-surface-2) !important; }
html[data-theme="dark"] .nav-tabs .nav-link.active, html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link { background-color: transparent !important; color: var(--nj-primary) !important; }
html[data-theme="dark"] .nj-tabs .nav-link.active { color: #fff !important; }
html[data-theme="dark"] .page-link { background-color: var(--nj-surface) !important; color: var(--nj-text) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .page-item.active .page-link { background: var(--nj-grad) !important; color: #fff !important; }
html[data-theme="dark"] .btn-default, html[data-theme="dark"] .btn-light, html[data-theme="dark"] .btn-secondary, html[data-theme="dark"] .btn-outline-secondary { background-color: var(--nj-surface-3) !important; color: var(--nj-text) !important; border-color: var(--nj-border-strong) !important; }
html[data-theme="dark"] .close, html[data-theme="dark"] .modal .close { color: var(--nj-text) !important; opacity: .8; }
html[data-theme="dark"] pre, html[data-theme="dark"] code, html[data-theme="dark"] kbd { background: var(--nj-surface-3) !important; color: #e2e8f0 !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] blockquote { border-color: var(--nj-border-strong); color: var(--nj-muted); }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: var(--nj-heading); }
html[data-theme="dark"] .nj-offers h2, html[data-theme="dark"] .nj-cta h3, html[data-theme="dark"] .nj-footer h4 { color: #fff; }
html[data-theme="dark"] .popover { background: var(--nj-surface); border-color: var(--nj-border); }
html[data-theme="dark"] .popover-body { color: var(--nj-text); }
html[data-theme="dark"] .breadcrumb { background: transparent !important; }
html[data-theme="dark"] img.img-thumbnail { background: var(--nj-surface-2) !important; }
html[data-theme="dark"] .ticket-reply, html[data-theme="dark"] .ticket-reply .message { background: var(--nj-surface) !important; color: var(--nj-text) !important; }
html[data-theme="dark"] .ticket-reply .posted-by, html[data-theme="dark"] .ticket-reply .user { background: var(--nj-surface-2) !important; }
html[data-theme="dark"] .markdown-editor, html[data-theme="dark"] .md-editor, html[data-theme="dark"] .editor-toolbar, html[data-theme="dark"] .CodeMirror, html[data-theme="dark"] .md-editor > textarea { background: var(--nj-surface-2) !important; color: var(--nj-text) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .editor-toolbar a, html[data-theme="dark"] .btn-toolbar .btn { color: var(--nj-text) !important; }
html[data-theme="dark"] .CodeMirror-cursor { border-color: #fff !important; }
html[data-theme="dark"] .bootstrap-switch { background: var(--nj-surface-3) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-label { background: var(--nj-surface) !important; }
html[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background: var(--nj-surface-3) !important; color: var(--nj-text) !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--nj-text) !important; }
html[data-theme="dark"] .text-muted, html[data-theme="dark"] small, html[data-theme="dark"] .small { color: var(--nj-muted); }
html[data-theme="dark"] .fi { box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
html[data-theme="dark"] .iti__country-list { background: var(--nj-surface) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .iti__country.iti__highlight { background: var(--nj-surface-3) !important; }
html[data-theme="dark"] .tooltip-inner { background: #1f2a44; }
html[data-theme="dark"] .swal2-popup { background: var(--nj-surface) !important; color: var(--nj-text) !important; }
html[data-theme="dark"] .alert-secondary, html[data-theme="dark"] .alert-light { background: var(--nj-surface-2); color: var(--nj-text); border-color: var(--nj-border); }
html[data-theme="dark"] hr { border-color: var(--nj-border) !important; }
html[data-theme="dark"] .newser-item a, html[data-theme="dark"] .newser-item .title-text { color: var(--nj-text) !important; }
html[data-theme="dark"] .domain-checker-container, html[data-theme="dark"] .domain-pricing, html[data-theme="dark"] .tld-pricing-header, html[data-theme="dark"] .tld-row { background: var(--nj-surface) !important; color: var(--nj-text) !important; border-color: var(--nj-border) !important; }
html[data-theme="dark"] .tld-row.highlighted { background: var(--nj-surface-2) !important; }
html[data-theme="dark"] .kb-search, html[data-theme="dark"] .announcement-single { background: var(--nj-surface) !important; }
html[data-theme="dark"] .product-details .product-icon, html[data-theme="dark"] .product-status { background: var(--nj-surface-2) !important; color: var(--nj-text) !important; }
html[data-theme] body section#main-body { background-color: transparent !important; }