/**
 * HexCore Dark Theme
 * Dark theme for the control panel
 * Activated when body.theme-dark
 */

/* === Main background === */
body.theme-dark {
    background: #18181b !important;
}
body.theme-dark #wrapper {
    background: #18181b;
}
body.theme-dark #content,
body.theme-dark #content-wrapper,
body.theme-dark section#content .container {
    background: #18181b !important;
}

/* === Left menu (sidebar) === */
body.theme-dark #main-nav-bg {
    background: #18181b !important;
}
body.theme-dark #main-nav .navigation,
body.theme-dark #main-nav .navigation > .nav {
    background-color: #1a3a5c !important;
    border-radius: 0;
}
body.theme-dark #main-nav .navigation {
    border-radius: 0px 0px 11px 0px;
}
body.theme-dark #main-nav .navigation > .nav > li > a {
    background-color: #1a3a5c !important;
    border: none;
}
body.theme-dark #main-nav .navigation > .nav > li > a span,
body.theme-dark #main-nav .navigation > .nav > li > a [class^="icon-"],
body.theme-dark #main-nav .navigation > .nav > li > a [class*=" icon-"] {
    color: #b9bbbe !important;
}
body.theme-dark #main-nav .navigation > .nav > li:hover > a,
body.theme-dark #main-nav .navigation > .nav > li:focus > a {
    background-color: #3a3d42 !important;
    border-radius: 5px 0 0 5px;
}
body.theme-dark #main-nav .navigation > .nav > li:hover > a span,
body.theme-dark #main-nav .navigation > .nav > li:hover > a [class^="icon-"],
body.theme-dark #main-nav .navigation > .nav > li:hover > a [class*=" icon-"],
body.theme-dark #main-nav .navigation > .nav > li:focus > a span,
body.theme-dark #main-nav .navigation > .nav > li:focus > a [class^="icon-"],
body.theme-dark #main-nav .navigation > .nav > li:focus > a [class*=" icon-"] {
    color: #fff !important;
}
body.theme-dark #main-nav .navigation > .nav > li.active > a {
    background-color: #3a3d42 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
body.theme-dark #main-nav .navigation > .nav > li.active > a span,
body.theme-dark #main-nav .navigation > .nav > li.active > a [class^="icon-"],
body.theme-dark #main-nav .navigation > .nav > li.active > a [class*=" icon-"] {
    color: #fff !important;
}
body.theme-dark .nav-stacked b:nth-child(1) {
    background: #18181b;
}

/* === Common box/cards === */
body.theme-dark .box .box-header {
    /*background: #3a3d42 !important;
    border-color: #4a4d52;*/
    color: #dcddde;
}
body.theme-dark .box .box-header .title {
    color: #dcddde !important;
}
body.theme-dark .box .box-content {
    background: #3a3d42 !important;
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .box .box-content .box-toolbox {
    background-color: #18181b;
    border-color: #4a4d52;
}

/* Deploy Server button - яркое выделение в тёмной теме (Dashboard + userPage) */
body.theme-dark .box.server-box-create .box-content,
body.theme-dark .box-statistic.server-box-create {
    background: linear-gradient(135deg, #1e4a7a 0%, #2a5a8a 100%) !important;
    border: 2px solid #5b9bd5 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(91, 155, 213, 0.4), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
body.theme-dark .box.server-box-create .box-content:hover,
body.theme-dark a:hover .box.server-box-create .box-content,
body.theme-dark .box-statistic.server-box-create:hover,
body.theme-dark .box a:hover .box-statistic.server-box-create {
    background: linear-gradient(135deg, #25609a 0%, #3570a0 100%) !important;
    border-color: #7ab8f0 !important;
    box-shadow: 0 0 16px rgba(122, 184, 240, 0.5), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}
body.theme-dark .box.server-box-running .box-content,
body.theme-dark .box-content.box-plugged, .box-plugged {
    background: #034a27 !important;
    border-color: #7bdb7b;
    color: #dcddde;
}

body.theme-dark .box.server-box-stoped .box-content {
    background: #4a2703 !important;
    border-color: #db7b7b;
    color: #dcddde;
}

body.theme-dark .box.server-box-deploying .box-content {
    background: #70770a !important;
    border-color: #d8db7b;
    color: #dcddde;
}

body.theme-dark .box.server-box-create .box-content .title,
body.theme-dark .box-statistic.server-box-create .title,
body.theme-dark .box.server-box-running .box-content .title,
body.theme-dark .box.server-box-stoped .box-content .title,
body.theme-dark .box.server-box-deploying .box-content .title,
body.theme-dark .box.server-box-create .box-content h4,
body.theme-dark .box.server-box-running .box-content h4,
body.theme-dark .box.server-box-stoped .box-content h4,
body.theme-dark .box.server-box-deploying .box-content h4 {
    color: #dcddde !important;
}
body.theme-dark .box.server-box-create .box-content .title,
body.theme-dark .box.server-box-create .box-content h4,
body.theme-dark .box-statistic.server-box-create .title {
    color: #ffffff !important;
}
body.theme-dark .box.server-box-create .box-content .text-primary,
body.theme-dark .box-statistic.server-box-create .text-primary {
    color: #a8d4ff !important;
}
body.theme-dark .box.server-box-running .box-content .text-primary,
body.theme-dark .box.server-box-stoped .box-content .text-primary,
body.theme-dark .box.server-box-deploying .box-content .text-primary {
    color: #7289da !important;
}
body.theme-dark .box.server-box-create:hover,
body.theme-dark .box.server-box-running:hover,
body.theme-dark .box.server-box-stoped:hover,
body.theme-dark .box.server-box-deploying:hover {
    border-color: #5a5d62;
}

body.theme-dark #scaleDiv {
    background: #18181b !important;
    border-color: transparent;
}

/* === Page header === */
body.theme-dark .page-header {
    background: #2d2f33;
    border-bottom-color: #4a4d52;
}
body.theme-dark .page-header h1,
body.theme-dark .page-header h1 span,
body.theme-dark .page-header h2,
body.theme-dark .page-header h3,
body.theme-dark .page-header h4,
body.theme-dark .page-header h5,
body.theme-dark .page-header h6,
body.theme-dark .box-content h2,
body.theme-dark .box-content h3,
body.theme-dark h3.title,
body.theme-dark h4.modal-title,
body.theme-dark button.close {
    color: #dcddde !important;
}
body.theme-dark .page-header h1 [class^="icon-"],
body.theme-dark .page-header h1 [class*=" icon-"] {
    color: #b9bbbe;
}

body.theme-dark .dns-list {
    border: 1px solid #5a5d62 !important;
}

/* === Next billing date in server header === */
body.theme-dark .next-bill-date,
body.theme-dark .next-bill-date strong {
    color: #dcddde !important;
}

/* === Buttons Control, Graphs, Console and etc. (nav-server-control) === */
body.theme-dark .nav-server-control > li > a {
    background: #45484d !important;
    border: 2px solid #5a5d62 !important;
    color: #e8e9ea !important;
}
body.theme-dark .nav-server-control > li > a:hover {
    background: #4a4d52 !important;
    border-color: #6a6d72 !important;
}
body.theme-dark .nav-server-control > li.active > a {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
}
body.theme-dark .nav-server-control > li > a [class^="icon-"],
body.theme-dark .nav-server-control > li > a [class*=" icon-"] {
    color: inherit !important;
}

/* === Server status (Running/Stopped) — green/red as a badge === */
body.theme-dark .label.server-box-running {
    background: #034a27 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 3px 3px 7px rgb(73, 191, 103);
}
body.theme-dark .label.server-box-stoped {
    background: #8b2a0a !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 3px 3px 8px rgb(240, 22, 17);
}

/* === Graph legend test === */
body.theme-dark .graph-legend-test {
    color: #dcddde !important;
}

/* === Forms and inputs === */
body.theme-dark .form-control,
body.theme-dark input[type="text"],
body.theme-dark input[type="password"],
body.theme-dark input[type="email"],
body.theme-dark input[type="search"],
body.theme-dark textarea,
body.theme-dark select {
    background-color: #3a3d42 !important;
    border-color: #4a4d52;
    color: #dcddde !important;
    border-radius: 5px !important;
}
body.theme-dark .form-control::placeholder,
body.theme-dark input::placeholder {
    color: #8a8d90;
}
body.theme-dark .form-control:focus {
    border-color: #7289da;
    box-shadow: 0 0 0 1px #7289da;
}

/* === Search filter on the server page === */
body.theme-dark .search-vServer .form-control,
body.theme-dark #vds-filter {
    background-color: #3a3d42 !important;
    border-color: #4a4d52;
    color: #dcddde;
}

/* === Select options — light text in select === */
body.theme-dark select option,
body.theme-dark select.vdsSelect option {
    background: #3a3d42;
    color: #dcddde !important;
}
body.theme-dark select.vdsSelect option:disabled {
    color: #8a8d90 !important;
}

/* === Bootstrap-select dropdown (если используется) === */
body.theme-dark .bootstrap-select .dropdown-menu li a,
body.theme-dark .bootstrap-select .dropdown-menu.inner li a {
    color: #dcddde !important;
}
body.theme-dark .bootstrap-select .dropdown-menu li a:hover,
body.theme-dark .bootstrap-select .dropdown-menu.inner li a:hover {
    color: #fff !important;
}

/* === Dropdown menu === */
body.theme-dark .dropdown-menu {
    background: #3a3d42 !important;
    border-color: #4a4d52;
}
body.theme-dark .dropdown-menu > li > a {
    color: #dcddde !important;
}
body.theme-dark .dropdown-menu > li > a:hover {
    background: #4a4d52 !important;
    color: #fff !important;
}
body.theme-dark .dropdown-menu .divider {
    border-color: #4a4d52;
}

/* === Footer === */
body.theme-dark #footer {
    color: #8a8d90;
    border-top-color: #4a4d52;
}

body.theme-dark #footer .footer-wrapper {
    border-top-color: transparent;
}

body.theme-dark #footer a {
    color: #b9bbbe;
}

/* === Tables === */
body.theme-dark .table {
    color: #dcddde;
}
body.theme-dark .table > thead > tr > th {
    border-color: #4a4d52;
    color: #dcddde;
    background: #3a3d42;
}
body.theme-dark .table > tbody > tr > td {
    border-color: #4a4d52;
}
body.theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(58, 61, 66, 0.5);
}

/* === Panels and modal windows === */
body.theme-dark .panel {
    background: #3a3d42;
    border-color: #4a4d52;
}
body.theme-dark .panel-heading {
    background: #18181b !important;
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .panel-body {
    background: #3a3d42;
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .modal-content {
    background: #3a3d42;
    border-color: #4a4d52;
}
body.theme-dark .modal-header {
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .modal-body {
    color: #dcddde;
}
body.theme-dark .modal-footer {
    border-color: #4a4d52;
}

/* === Text and links === */
body.theme-dark .text-muted {
    color: #8a8d90 !important;
}
body.theme-dark a {
    color: #7289da;
}
body.theme-dark a:hover {
    color: #8b9ee8;
}

/* === VHD boxes, vSwitch boxes === */
body.theme-dark .vdsToVSwitch,
body.theme-dark .vdsToBalancer {
    background: #3a3d42 !important;
    border-color: #4a4d52;
    color: #dcddde;
}

/* === Dashboard statistics === */
body.theme-dark .box-statistic {
    color: #dcddde;
}
body.theme-dark .service-statistic .box,
body.theme-dark .ref-statistic .box {
    background: #18181b !important;
}

/* === Header (top bar) - slightly darker for consistency === */
body.theme-dark header .navbar {
    background-color: #1a3a5c !important;
    border-color: #2a4a6c;
}

/* === Login page theme switcher === */
body.theme-dark .login-theme-switcher .theme-switcher-btn-group {
    background: rgba(58,61,66,0.95);
    border-color: #4a4d52;
}
body.theme-dark .login-theme-switcher .theme-switcher-btn {
    color: #8a8d90;
}
body.theme-dark .login-theme-switcher .theme-switcher-btn:hover {
    background: rgba(255,255,255,0.05);
}
body.theme-dark .login-theme-switcher .theme-switcher-btn.active {
    background: #1a5a72;
    color: #fff;
}

/* === Theme switcher (button group) === */
body.theme-dark .theme-switcher-btn-group {
    background: #3a3d42;
    border-color: #4a4d52;
}
body.theme-dark .theme-switcher-btn {
    color: #8a8d90;
}
body.theme-dark .theme-switcher-btn:not(:last-child) {
    border-right-color: #4a4d52;
}
body.theme-dark .theme-switcher-btn:hover {
    background: #45484d;
    color: #dcddde;
}
body.theme-dark .theme-switcher-btn.active {
    background: #1a5a72;
    color: #fff;
}
body.theme-dark .theme-switcher-btn.active:hover {
    background: #2a7a9a;
    color: #fff;
}

/* === Block page (loading overlay) === */
body.theme-dark .block-page,
body.theme-dark .block-page-mini {
    background: rgba(44, 47, 51, 0.95);
}
body.theme-dark .block-page-text {
    color: #dcddde;
}
body.theme-dark .block-page-text h2 {
    color: #dcddde;
}

/* === Alerts === */
body.theme-dark .alert {
    background: #3a3d42;
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .alert-danger {
    border-color: #f34541;
}
body.theme-dark .alert-success {
    border-color: #49bf67;
}
body.theme-dark .alert-warning {
    border-color: #f8a326;
}

/* === S3 tariff selection - контрастные плашки выбора тарифа === */
body.theme-dark:has(#createS3UserForm) .box.template,
body.theme-dark:has(#createS3UserForm) .box.custom-template {
    background: #45484d !important;
    border: 2px solid #5a5d62;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
body.theme-dark:has(#createS3UserForm) .box.template:hover,
body.theme-dark:has(#createS3UserForm) .box.custom-template:hover {
    border-color: #6a6d72;
    background: #4a4d52 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
body.theme-dark:has(#createS3UserForm) .box.template .box-content,
body.theme-dark:has(#createS3UserForm) .box.custom-template .box-content {
    background: #45484d !important;
    border-color: #5a5d62 !important;
    color: #e8e9ea !important;
}
/* Выбранный тариф — приглушённый синий вместо яркого, тёмная рамка */
body.theme-dark:has(#createS3UserForm) .box.template .box-content[style*="00acec"],
body.theme-dark:has(#createS3UserForm) .box.template .box-content[style*="172, 236"],
body.theme-dark:has(#createS3UserForm) .box.custom-template .box-content[style*="00acec"],
body.theme-dark:has(#createS3UserForm) .box.custom-template .box-content[style*="172, 236"] {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
    box-shadow: 0 0 0 2px rgba(42,122,154,0.4);
}
body.theme-dark:has(#createS3UserForm) .box.template .box-content .month-price,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .minute-price,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .custom-month-price,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .custom-minute-price,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .hvd-size {
    color: #fff !important;
    font-weight: 600;
}
body.theme-dark:has(#createS3UserForm) .box.template .box-content .month-price-comment,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .minute-price-comment,
body.theme-dark:has(#createS3UserForm) .box.template .box-content .form-control-placeholder {
    color: #9a9da0 !important;
}
body.theme-dark:has(#createS3UserForm) .box.template .box-content input.custom-size {
    background: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid #6a6d72 !important;
}

/* === Backup — в стиле S3 === */
body.theme-dark:has(#backup-page) .box.template.backup-template,
body.theme-dark:has(#backup-page) .box.backup-template {
    background: #45484d !important;
    border: 2px solid #5a5d62;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
body.theme-dark:has(#backup-page) .box.template.backup-template:hover,
body.theme-dark:has(#backup-page) .box.backup-template:hover {
    border-color: #6a6d72;
    background: #4a4d52 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
body.theme-dark:has(#backup-page) .box.template.backup-template .box-content,
body.theme-dark:has(#backup-page) .box.backup-template .box-content {
    background: #45484d !important;
    border-color: #5a5d62 !important;
    color: #e8e9ea !important;
}
body.theme-dark:has(#backup-page) .box.template.backup-template .box-content[style*="00acec"],
body.theme-dark:has(#backup-page) .box.backup-template .box-content[style*="00acec"],
body.theme-dark:has(#backup-page) .box.backup-template.backup-template-selected,
body.theme-dark:has(#backup-page) .box.backup-template.backup-template-selected .box-content {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
    box-shadow: 0 0 0 2px rgba(42,122,154,0.4);
}
body.theme-dark:has(#backup-page) .box.template.backup-template .month-price,
body.theme-dark:has(#backup-page) .box.backup-template .month-price,
body.theme-dark:has(#backup-page) .box.template.backup-template .hvd-size,
body.theme-dark:has(#backup-page) .box.backup-template .hvd-size {
    color: #fff !important;
    font-weight: 600;
}
body.theme-dark:has(#backup-page) .box.template.backup-template .month-price-comment,
body.theme-dark:has(#backup-page) .box.backup-template .month-price-comment {
    color: #9a9da0 !important;
}

/* === VHD (доп. диски) — в стиле S3 === */
body.theme-dark:has(#vhd-page) .box.template,
body.theme-dark:has(#vhd-page) .box.custom-template {
    background: #45484d !important;
    border: 2px solid #5a5d62;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
body.theme-dark:has(#vhd-page) .box.template:hover,
body.theme-dark:has(#vhd-page) .box.custom-template:hover {
    border-color: #6a6d72;
    background: #4a4d52 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
body.theme-dark:has(#vhd-page) .box.template .box-content,
body.theme-dark:has(#vhd-page) .box.custom-template .box-content {
    background: #45484d !important;
    border-color: #5a5d62 !important;
    color: #e8e9ea !important;
}
body.theme-dark:has(#vhd-page) .box.template .box-content[style*="00acec"],
body.theme-dark:has(#vhd-page) .box.template .box-content[style*="172, 236"],
body.theme-dark:has(#vhd-page) .box.custom-template .box-content[style*="00acec"],
body.theme-dark:has(#vhd-page) .box.custom-template .box-content[style*="172, 236"] {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
    box-shadow: 0 0 0 2px rgba(42,122,154,0.4);
}
body.theme-dark:has(#vhd-page) .box.template .box-content .month-price,
body.theme-dark:has(#vhd-page) .box.template .box-content .minute-price,
body.theme-dark:has(#vhd-page) .box.template .box-content .custom-month-price,
body.theme-dark:has(#vhd-page) .box.template .box-content .custom-minute-price,
body.theme-dark:has(#vhd-page) .box.template .box-content .hvd-size {
    color: #fff !important;
    font-weight: 600;
}
body.theme-dark:has(#vhd-page) .box.template .box-content .month-price-comment,
body.theme-dark:has(#vhd-page) .box.template .box-content .minute-price-comment,
body.theme-dark:has(#vhd-page) .box.template .box-content .form-control-placeholder,
body.theme-dark:has(#vhd-page) .box.template .box-content .custom-size-label {
    color: #9a9da0 !important;
}
body.theme-dark:has(#vhd-page) .box.template .box-content input.custom-size {
    background: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid #6a6d72 !important;
}
/* VHD disk list cards — plugged / unplugged / not_attached */
body.theme-dark .box-content.vhd-box-plugged {
    background: #034a27 !important;
    border-color: #7bdb7b;
    color: #dcddde;
}
body.theme-dark .box-content.vhd-box-unplugged {
    background: #4a2703 !important;
    border-color: #db7b7b;
    color: #dcddde;
}
body.theme-dark .box-content.vhd-box-not-attached {
    background: #5a4a0a !important;
    border-color: #dbd07b;
    color: #dcddde;
}

/* === Load Balancer — в стиле S3 === */
body.theme-dark:has(#createBalancerForm) .region-tabs > li > a {
    background: #45484d !important;
    border: 2px solid #5a5d62 !important;
    border-radius: 6px;
    color: #e8e9ea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
body.theme-dark:has(#createBalancerForm) .region-tabs > li > a:hover {
    background: #4a4d52 !important;
    border-color: #6a6d72 !important;
}
body.theme-dark:has(#createBalancerForm) .region-tabs > li.active > a {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
    box-shadow: 0 0 0 2px rgba(42,122,154,0.4);
}
body.theme-dark:has(#createBalancerForm) .balancer-add-ip-button,
body.theme-dark:has(#createBalancerForm) .balancer-remove-ip-button,
body.theme-dark:has(#createBalancerForm) .balancer-add-rule-button,
body.theme-dark:has(#createBalancerForm) .balancer-remove-rule-button {
    background: #45484d !important;
    border-color: #5a5d62 !important;
    color: #e8e9ea !important;
}
body.theme-dark:has(#createBalancerForm) .balancer-add-ip-button:hover,
body.theme-dark:has(#createBalancerForm) .balancer-remove-ip-button:hover,
body.theme-dark:has(#createBalancerForm) .balancer-add-rule-button:hover,
body.theme-dark:has(#createBalancerForm) .balancer-remove-rule-button:hover {
    background: #4a4d52 !important;
    border-color: #6a6d72 !important;
}
body.theme-dark:has(#createBalancerForm) label[style*="color: #777"],
body.theme-dark:has(#createBalancerForm) .icon-long-arrow-right {
    color: #9a9da0 !important;
}

/* === DNS (dns.php, dnsDomainControl.php) === */
/* Description text in boxes */
body.theme-dark .box-content p {
    color: #dcddde !important;
}
/* DNS tabs — in style of buttons as VServerControl */
body.theme-dark .nav-dns-tabs.nav-tabs {
    border-bottom: none;
    margin-bottom: 15px;
}
body.theme-dark .nav-dns-tabs > li > a {
    background: #45484d !important;
    border: 2px solid #5a5d62 !important;
    border-radius: 6px;
    color: #e8e9ea !important;
    margin-right: 8px;
    padding: 10px 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
body.theme-dark .nav-dns-tabs > li > a:hover {
    background: #4a4d52 !important;
    border-color: #6a6d72 !important;
}
body.theme-dark .nav-dns-tabs > li.active > a {
    background: #1a5a72 !important;
    border-color: #2a7a9a !important;
    color: #e8e9ea !important;
    box-shadow: 0 0 0 2px rgba(42,122,154,0.4);
}
/* DNS record lists (PTR, A, CNAME, MX, TXT, NS) */
body.theme-dark .dns-list.pricing-table,
body.theme-dark .pricing-table.dns-list {
    background: #3a3d42 !important;
    border-color: #4a4d52;
    color: #dcddde;
}
body.theme-dark .dns-list .row,
body.theme-dark .dns-list #PTRDiv,
body.theme-dark .dns-list #recordDiv {
    color: #dcddde;
}
body.theme-dark .dropdown-search-box {
    background: #3a3d42;
    border-color: #4a4d52;
}
body.theme-dark .dropdown-search-box .search-box {
    border-bottom-color: #4a4d52;
}
body.theme-dark .dropdown-search-box .form-control {
    background: #45484d !important;
    border-color: #5a5d62;
    color: #dcddde;
}
body.theme-dark .transporent-div,
body.theme-dark #domainDiv {
    color: #dcddde !important;
}
body.theme-dark .hr-normal {
    border-color: #4a4d52;
}
/* Dropdown button "Select IP address" */
body.theme-dark .btn-outline.btn-default.dropdown-toggle {
    background: #45484d !important;
    border-color: #5a5d62;
    color: #e8e9ea !important;
}
body.theme-dark .btn-outline.btn-default.dropdown-toggle:hover {
    background: #4a4d52 !important;
    border-color: #6a6d72;
}

/* === DNS кнопки — контрастные в тёмной теме === */
body.theme-dark .btn-add-dns {
    background: #2a7a9a !important;
    border-color: #3a9aba !important;
    color: #fff !important;
    font-weight: 600;
}
body.theme-dark .btn-add-dns:hover {
    background: #3a9aba !important;
    border-color: #4ab0d0 !important;
    color: #fff !important;
}
body.theme-dark .btn-edit-dns,
body.theme-dark .dns-list .btn-primary,
body.theme-dark #DNSList .btn-primary {
    background: #2563eb !important;
    border-color: #3b82f6 !important;
    color: #fff !important;
}
body.theme-dark .btn-edit-dns:hover,
body.theme-dark .dns-list .btn-primary:hover,
body.theme-dark #DNSList .btn-primary:hover {
    background: #3b82f6 !important;
    border-color: #60a5fa !important;
    color: #fff !important;
}
body.theme-dark .btn-delete-dns,
body.theme-dark .dns-list .btn-danger,
body.theme-dark #DNSList .btn-danger,
body.theme-dark #PTRList .btn-danger {
    background: #dc2626 !important;
    border-color: #ef4444 !important;
    color: #fff !important;
}
body.theme-dark .btn-delete-dns:hover,
body.theme-dark .dns-list .btn-danger:hover,
body.theme-dark #DNSList .btn-danger:hover,
body.theme-dark #PTRList .btn-danger:hover {
    background: #ef4444 !important;
    border-color: #f87171 !important;
    color: #fff !important;
}

/* DNS labels — нормальные цвета вместо белого фона из customer.css */
body.theme-dark .dns-list .label-important,
body.theme-dark #dns-domain-control .label-important {
    background-color: #d9534f !important;
    color: #fff !important;
}
body.theme-dark .dns-list .label-success,
body.theme-dark #dns-domain-control .label-success {
    background-color: #5cb85c !important;
    color: #fff !important;
}
body.theme-dark .dns-list .label-info,
body.theme-dark #dns-domain-control .label-info {
    background-color: #5bc0de !important;
    color: #fff !important;
}
body.theme-dark .dns-list .label-warning,
body.theme-dark #dns-domain-control .label-warning {
    background-color: #f0ad4e !important;
    color: #fff !important;
}
body.theme-dark .dns-list .label-blue,
body.theme-dark .dns-list .blue-background,
body.theme-dark #dns-domain-control .label-blue,
body.theme-dark #dns-domain-control .blue-background {
    background-color: #00acec !important;
    color: #fff !important;
}
body.theme-dark .dns-list .label-inverse,
body.theme-dark #dns-domain-control .label-inverse {
    background-color: #4a4d52 !important;
    color: #fff !important;
}

/* === Login page dark theme === */
body.theme-dark.login.contrast-background,
body.theme-dark.login .contrast-background {
    background: #18181b !important;
}
body.theme-dark.login .login-container-header {
    color: #dcddde !important;
}
body.theme-dark.login .login-container {
    background-color: #2c2f33 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
body.theme-dark.login .login-container:before {
    border-bottom-color: #2c2f33;
}
body.theme-dark.login .login-container .title,
body.theme-dark.login .login-container .login-title {
    color: #dcddde !important;
}
body.theme-dark.login .login-divider::before {
    background: #4a4d52;
}
body.theme-dark.login .login-divider span {
    background: #2c2f33;
    color: #8a8d90;
}
body.theme-dark.login .login-footer {
    border-top-color: #4a4d52;
}
body.theme-dark.login .login-tfa-hint {
    color: #8a8d90 !important;
}
body.theme-dark.login .login-container .form-control,
body.theme-dark.login .login-container input[type="text"],
body.theme-dark.login .login-container input[type="password"] {
    background-color: #3a3d42 !important;
    border-color: #4a4d52 !important;
    color: #dcddde !important;
}
body.theme-dark.login .login-container .form-control::placeholder,
body.theme-dark.login .login-container input::placeholder {
    color: #8a8d90 !important;
}
body.theme-dark.login .login-container .with-icon-over-input [class^="icon-"],
body.theme-dark.login .login-container .with-icon-over-input [class*=" icon-"] {
    color: #8a8d90 !important;
}
body.theme-dark.login .login-container-footer a,
body.theme-dark.login .login-container a:not(.btn) {
    color: #6eb5e0 !important;
}
body.theme-dark.login .login-container a:not(.btn):hover {
    color: #8ec9f0 !important;
}
body.theme-dark.login .alert-danger {
    background-color: #4a2a2a !important;
    border-color: #6a3a3a !important;
    color: #e8a0a0 !important;
}