/* Verdim global skin: keeps old AdminLTE pages aligned with the black/green layout. */
:root {
  --verdim-bg: #050505;
  --verdim-surface: #080808;
  --verdim-soft: #0b0b0b;
  --verdim-field: #090909;
  --verdim-line: rgba(35, 255, 130, 0.18);
  --verdim-line-strong: rgba(35, 255, 130, 0.38);
  --verdim-text: #f7fff9;
  --verdim-muted: #9aa79f;
  --verdim-green: #20e873;
  --verdim-green-dark: #099d49;
}

html,
body,
body.npanel-shell,
body.npanel-app,
body.dark-mode,
body > .wrapper,
.wrapper,
.content-wrapper,
.content,
.content-header,
section.content,
.container,
.container-fluid,
.row,
[class*="col-"],
.card,
.card-header,
.card-body,
.card-footer,
.box,
.box-header,
.box-body,
.box-footer,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.table-responsive,
.dataTables_wrapper,
.callout,
.tab-content,
.tab-pane,
.info-box,
.small-box,
.jumbotron,
.well {
  background: var(--verdim-bg) !important;
  background-color: var(--verdim-bg) !important;
  background-image: none !important;
  color: var(--verdim-text) !important;
}

.main-header,
.main-header .navbar,
.navbar,
.main-sidebar,
.sidebar,
.brand-link,
.main-footer,
.control-sidebar,
.navbar-white,
.navbar-light,
.navbar-dark {
  background: var(--verdim-bg) !important;
  background-color: var(--verdim-bg) !important;
  background-image: none !important;
  border-color: rgba(35, 255, 130, 0.12) !important;
  color: var(--verdim-text) !important;
}

.card,
.box,
.modal-content,
.table-responsive,
.info-box,
.small-box,
.callout,
.dataTables_wrapper,
.npanel-card,
.npanel-panel {
  border: 1px solid var(--verdim-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42) !important;
}

.card-header,
.box-header,
.modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.card-footer,
.box-footer,
.modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

input,
textarea,
select,
.form-control,
.custom-select,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-results__option,
.select2-search__field,
.bootstrap-tagsinput,
.iti,
.iti input,
.iti__selected-flag {
  background: var(--verdim-field) !important;
  background-color: var(--verdim-field) !important;
  background-image: none !important;
  border-color: var(--verdim-line) !important;
  color: var(--verdim-text) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  background: #0a0a0a !important;
  border-color: var(--verdim-line-strong) !important;
  box-shadow: 0 0 0 3px rgba(35, 255, 130, 0.12) !important;
  color: #ffffff !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  color: rgba(247, 255, 249, 0.45) !important;
}

label,
.form-control-label,
.control-label,
.card-title,
.box-title,
.modal-title,
.content-header h1,
.content-header h2,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--verdim-text) !important;
}

.text-muted,
.help-block,
small,
.small {
  color: var(--verdim-muted) !important;
}

table,
.table,
.table td,
.table th,
.table tbody tr,
.table tbody td,
.table thead th,
.table tfoot th {
  background-color: var(--verdim-bg) !important;
  color: var(--verdim-text) !important;
  border-color: rgba(35, 255, 130, 0.12) !important;
}

.table thead th,
table.dataTable thead th {
  background: #052113 !important;
  color: var(--verdim-green) !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover,
table.dataTable tbody tr,
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd {
  background-color: #070707 !important;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-npanel,
button[type="submit"] {
  background: linear-gradient(135deg, var(--verdim-green), var(--verdim-green-dark)) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(32, 232, 115, 0.16) !important;
  color: #041109 !important;
  font-weight: 900 !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-npanel:hover,
button[type="submit"]:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.btn-secondary,
.btn-default {
  background: #0b0b0b !important;
  border: 1px solid var(--verdim-line) !important;
  color: var(--verdim-text) !important;
}

.badge-success,
.badge-info,
.label-success,
.label-info {
  background: #0f7d42 !important;
  color: #eaffef !important;
}

.dropdown-menu,
.dropdown-item,
.select2-results,
.select2-results__options {
  background: #070707 !important;
  color: var(--verdim-text) !important;
}

.dropdown-item:hover,
.select2-results__option--highlighted {
  background: #062414 !important;
  color: var(--verdim-green) !important;
}

.pagination .page-link,
.dataTables_paginate .paginate_button {
  background: #080808 !important;
  border-color: var(--verdim-line) !important;
  color: var(--verdim-text) !important;
}

.pagination .active .page-link,
.dataTables_paginate .paginate_button.current {
  background: var(--verdim-green) !important;
  color: #041109 !important;
}

/* Client area receives the same base skin even when it uses older AdminLTE classes. */
.client-area-page,
.client-dashboard,
.client-apps,
.client-renew,
.client-transactions {
  background: var(--verdim-bg) !important;
  color: var(--verdim-text) !important;
}

/* Final sweep: remove legacy blue/gray AdminLTE layers across admin and client pages. */
html body,
html body.npanel-shell,
html body.npanel-app,
html body.dark-mode,
body .wrapper,
body .content-wrapper,
body .main-panel,
body .page-wrapper,
body .content,
body .content-header,
body section.content,
body .container,
body .container-fluid,
body .row,
body [class^="col-"],
body [class*=" col-"],
body .tab-content,
body .tab-pane,
body .timeline,
body .timeline-body,
body .list-group,
body .list-group-item,
body .breadcrumb,
body .breadcrumb-item,
body .alert,
body .alert-info,
body .alert-primary,
body .bg-dark,
body .bg-navy,
body .bg-secondary,
body .bg-info,
body .bg-primary,
body .bg-gray,
body .bg-gray-dark,
body .bg-gradient-dark,
body .bg-gradient-navy,
body .bg-gradient-primary,
body .bg-gradient-info,
body .bg-light,
body .bg-white {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  color: var(--verdim-text) !important;
}

body .card,
body .box,
body .panel,
body .modal-content,
body .modal-body,
body .modal-header,
body .modal-footer,
body .card-body,
body .box-body,
body .panel-body,
body .table-responsive,
body .dataTables_wrapper,
body .npanel-card,
body .npanel-panel,
body .settings-section,
body .form-section,
body .login-box,
body .register-box,
body .swal2-popup {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  border-color: var(--verdim-line) !important;
  color: var(--verdim-text) !important;
}

body .card-header,
body .box-header,
body .panel-heading,
body .modal-header {
  background: #080808 !important;
  background-color: #080808 !important;
  color: var(--verdim-text) !important;
}

body input,
body textarea,
body select,
body .form-control,
body .custom-select,
body .input-group-text,
body .select2-container .select2-selection,
body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple,
body .select2-dropdown,
body .select2-search__field,
body .bootstrap-tagsinput,
body .iti,
body .iti input,
body .iti__selected-flag,
body .daterangepicker,
body .daterangepicker .calendar-table,
body .daterangepicker td,
body .daterangepicker th {
  background: #090909 !important;
  background-color: #090909 !important;
  background-image: none !important;
  border-color: var(--verdim-line) !important;
  color: var(--verdim-text) !important;
}

body input[readonly],
body textarea[readonly],
body .form-control[readonly],
body .form-control:disabled,
body select:disabled {
  background: #070707 !important;
  background-color: #070707 !important;
  color: rgba(247, 255, 249, 0.72) !important;
}

body .main-header,
body .main-header .navbar,
body nav.navbar,
body .navbar,
body .navbar-nav,
body .navbar-custom-menu,
body .topbar,
body .header,
body .app-header {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  border-color: rgba(35, 255, 130, 0.12) !important;
}

body .main-sidebar,
body .sidebar,
body .brand-link,
body .sidebar-menu,
body .nav-sidebar,
body .sidebar-mini.sidebar-collapse .main-sidebar,
body .sidebar-mini.sidebar-collapse .main-sidebar:hover {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

body table,
body .table,
body .table tbody,
body .table tr,
body .table td,
body table.dataTable,
body table.dataTable tbody,
body table.dataTable tbody tr,
body table.dataTable tbody td {
  background: #050505 !important;
  background-color: #050505 !important;
  color: var(--verdim-text) !important;
  border-color: rgba(35, 255, 130, 0.12) !important;
}

body .table-striped tbody tr:nth-of-type(odd),
body .table-striped tbody tr:nth-of-type(even),
body .table-hover tbody tr:hover,
body table.dataTable.display tbody tr.odd,
body table.dataTable.display tbody tr.even,
body table.dataTable.stripe tbody tr.odd,
body table.dataTable.stripe tbody tr.even {
  background: #050505 !important;
  background-color: #050505 !important;
}

/* Full black pass: admin, reseller, SSH and client area must share one surface. */
html,
body,
body.npanel-shell,
body.npanel-app,
body.npanel-client,
body.client-area,
body .wrapper,
body .content-wrapper,
body .main-panel,
body .page-wrapper,
body .page-content,
body .content,
body .content-header,
body section.content,
body .container,
body .container-fluid,
body .row,
body [class^="col-"],
body [class*=" col-"],
body .app-main,
body .app-content,
body .client-area-wrapper,
body .client-dashboard,
body .client-content {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

body .card,
body .card-body,
body .card-footer,
body .box,
body .box-body,
body .panel,
body .panel-body,
body .well,
body .jumbotron,
body .small-box,
body .info-box,
body .callout,
body .modal-content,
body .modal-body,
body .modal-footer,
body .form-section,
body .settings-section,
body .filter-box,
body .dataTables_wrapper,
body .table-responsive,
body .tab-content,
body .tab-pane,
body .list-group,
body .list-group-item {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  color: var(--verdim-text) !important;
}

body .card-header,
body .box-header,
body .panel-heading,
body .modal-header,
body .table thead th,
body table.dataTable thead th {
  background: #070707 !important;
  background-color: #070707 !important;
  background-image: none !important;
}

body input,
body textarea,
body select,
body option,
body .form-control,
body .custom-select,
body .input-group-text,
body .select2-container .select2-selection,
body .select2-container--bootstrap4 .select2-selection,
body .select2-results__option,
body .select2-results__option[aria-selected],
body .select2-dropdown,
body .select2-search__field,
body .bootstrap-tagsinput,
body .iti,
body .iti input,
body .iti__selected-flag,
body .daterangepicker,
body .daterangepicker .calendar-table {
  background: #060606 !important;
  background-color: #060606 !important;
  background-image: none !important;
  color: var(--verdim-text) !important;
  border-color: rgba(35, 255, 130, 0.22) !important;
}

body input:focus,
body textarea:focus,
body select:focus,
body .form-control:focus,
body .custom-select:focus,
body .select2-container--focus .select2-selection,
body .select2-container--open .select2-selection {
  background: #080808 !important;
  background-color: #080808 !important;
  border-color: rgba(35, 255, 130, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(35, 255, 130, 0.10) !important;
}

body .main-header,
body .main-header .navbar,
body .navbar,
body .topbar,
body .app-header,
body .navbar-custom-menu,
body .main-footer,
body footer {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

body .main-sidebar,
body .sidebar,
body .brand-link,
body .sidebar-menu,
body .nav-sidebar,
body .os-viewport,
body .os-content {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

body table,
body .table,
body .table tbody,
body .table tr,
body .table td,
body table.dataTable,
body table.dataTable tbody,
body table.dataTable tbody tr,
body table.dataTable tbody td,
body .dataTables_scroll,
body .dataTables_scrollBody,
body .dataTables_scrollHead {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

/* Black theme sweep: remove leftover AdminLTE blue surfaces across all pages. */
html,
body,
body.dark-mode,
body.dark-mode .wrapper,
body.dark-mode .content-wrapper,
body.dark-mode .content,
body.dark-mode .content-header,
body.dark-mode .container-fluid,
body.dark-mode .row,
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .card-footer,
body.dark-mode .box,
body.dark-mode .box-body,
body.dark-mode .panel,
body.dark-mode .panel-body,
body.dark-mode .modal-content,
body.dark-mode .modal-body,
body.dark-mode .modal-footer,
body.dark-mode .tab-content,
body.dark-mode .tab-pane,
body.dark-mode .dataTables_wrapper,
body.dark-mode .table-responsive,
body.dark-mode .client-area,
body.dark-mode .client-area-wrapper,
body.dark-mode .app-content,
body.dark-mode .page-content,
body.dark-mode .settings-card,
body.dark-mode .reseller-card,
body.dark-mode .ssh-card {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
}

body.dark-mode .info-box,
body.dark-mode .small-box,
body.dark-mode .callout,
body.dark-mode .jumbotron,
body.dark-mode .invoice,
body.dark-mode .profile-card,
body.dark-mode .app-card,
body.dark-mode .client-card,
body.dark-mode .ssh-client-card,
body.dark-mode .shortcut-card,
body.dark-mode .quick-card,
body.dark-mode .modal-card,
body.dark-mode .form-section,
body.dark-mode .filter-section {
  background: linear-gradient(145deg, #050505, #07140d) !important;
  background-color: #050505 !important;
  color: var(--verdim-text) !important;
  border-color: rgba(35, 255, 130, 0.20) !important;
}

body.dark-mode .bg-info,
body.dark-mode .bg-primary,
body.dark-mode .bg-navy,
body.dark-mode .bg-secondary,
body.dark-mode .bg-gradient-info,
body.dark-mode .bg-gradient-primary {
  background: #050505 !important;
  background-color: #050505 !important;
  color: var(--verdim-text) !important;
}

body.dark-mode .bg-info .inner,
body.dark-mode .bg-primary .inner,
body.dark-mode .small-box .inner {
  color: var(--verdim-text) !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control,
body.dark-mode .custom-select,
body.dark-mode .select2-selection,
body.dark-mode .select2-dropdown,
body.dark-mode .select2-results__option,
body.dark-mode .input-group-text {
  background: #070707 !important;
  background-color: #070707 !important;
  color: var(--verdim-text) !important;
  border-color: rgba(35, 255, 130, 0.24) !important;
}

body.dark-mode table,
body.dark-mode .table,
body.dark-mode .table thead th,
body.dark-mode .table tbody tr,
body.dark-mode .table tbody td,
body.dark-mode table.dataTable tbody tr,
body.dark-mode table.dataTable tbody td {
  background: #050505 !important;
  background-color: #050505 !important;
  color: var(--verdim-text) !important;
}

/* Absolute black standard: override old AdminLTE blue surfaces everywhere. */
html body,
html body.dark-mode,
html body.npanel-shell,
html body .wrapper,
html body .content-wrapper,
html body .right-side,
html body .content,
html body .content-header,
html body .container,
html body .container-fluid,
html body .row,
html body .col,
html body [class*="col-"],
html body .main-panel,
html body .page-wrapper,
html body .page-body,
html body .page-content,
html body .app-main,
html body .app-content,
html body .client-area,
html body .client-area-content {
  background: #050505 !important;
  background-color: #050505 !important;
}

html body .main-header,
html body .main-header .navbar,
html body .main-header .logo,
html body .navbar,
html body .topbar,
html body .layout-navbar {
  background: #050505 !important;
  background-color: #050505 !important;
  border-color: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

html body .card,
html body .box,
html body .panel,
html body .modal-content,
html body .modal-header,
html body .modal-body,
html body .modal-footer,
html body .tab-content,
html body .tab-pane,
html body .form-box,
html body .form-card,
html body .section-card,
html body .table-card,
html body .list-card,
html body .dataTables_wrapper,
html body .table-responsive,
html body .well,
html body .filter-section,
html body .content-panel {
  background: #050505 !important;
  background-color: #050505 !important;
  border-color: rgba(0, 255, 128, .18) !important;
}

html body .card-body,
html body .box-body,
html body .panel-body,
html body form,
html body fieldset,
html body .form-group,
html body .input-group,
html body .select2-container--default .select2-selection--single,
html body .select2-container--default .select2-selection--multiple,
html body .select2-dropdown,
html body .select2-results__option,
html body input,
html body textarea,
html body select,
html body .form-control,
html body .custom-select,
html body .bootstrap-select .dropdown-toggle,
html body .dropdown-menu {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #f8fff9 !important;
  border-color: rgba(0, 255, 128, .18) !important;
}

html body input:focus,
html body textarea:focus,
html body select:focus,
html body .form-control:focus {
  background: #050505 !important;
  background-color: #050505 !important;
  border-color: #00ff88 !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 128, .12) !important;
}

html body table,
html body thead,
html body tbody,
html body tfoot,
html body tr,
html body td,
html body th,
html body .table,
html body .table-striped > tbody > tr:nth-of-type(odd),
html body .table-hover tbody tr:hover {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #fff !important;
}

html body .info-box,
html body .small-box,
html body .metric-card,
html body .dashboard-card,
html body .stats-card,
html body .ssh-client-card,
html body .client-card,
html body .app-card,
html body .reseller-card,
html body .shortcut-card,
html body .modal-card,
html body .quick-card {
  background: linear-gradient(145deg, #050505, #07140d) !important;
  border-color: rgba(0, 255, 128, .18) !important;
}

html body .bg-info,
html body .bg-primary,
html body .bg-navy,
html body .bg-secondary,
html body .bg-gradient-info,
html body .bg-gradient-primary {
  background: #050505 !important;
  background-color: #050505 !important;
}