/* --------------------------------------------------
   FULL DARK MODE OVERRIDE FOR NICEADMIN
   --------------------------------------------------*/

:root {
    --dark-bg: #0d0d0d;
    --dark-card: #141414;
    --dark-input: #111;
    --dark-border: #333;
    --dark-text: #e6e6e6;
    --dark-text-light: #bbbbbb;
    --primary: #d6bf65;
}

/* ---- Tables ---- */
table {
    color: var(--dark-text) !important;
}

.table {
    background: var(--dark-card) !important;
}

.table thead {
    background: #111 !important;
    color: var(--dark-text) !important;
}

 td {
    background: rgb(37, 37, 37) !important;
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-text-light) !important;
}

.table tbody tr {
    background: var(--dark-card) !important;
}

.table tbody tr:hover td {
    background: #1c1c1c !important;
}

/* ---- Forms & Inputs ---- */
.form-control,
.form-select,
input,
textarea,
select {
    background: var(--dark-input) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus {
    background: var(--dark-input) !important;
    color: var(--dark-text) !important;
    border-color: var(--primary) !important;
    box-shadow: none !important;
}

.form-control::placeholder {
    color: var(--dark-text-light) !important;
}

.card {
  border-radius: 0.75rem !important;
  background-color: #1a1a1a !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}

/* ---- Modal ---- */
.modal-content {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
}

.modal-header, .modal-footer {
    background: #101010 !important;
    border-color: var(--dark-border) !important;
}

/* ---- Alerts ---- */
.alert {
    background: #111 !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

/* ---- Pagination ---- */
.page-link {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

.page-item.active .page-link {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* ---- Top Right Profile Dropdown ---- */
.header-nav .nav-profile,
.header-nav .nav-icon {
    color: var(--dark-text) !important;
}

.header-nav .nav-profile:hover {
    background: #111 !important;
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: #444;
}
::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.checkbox input [type="check"] {
  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

.form-check-label {
  pointer-events: auto !important;
  cursor: pointer;
}

.form-check,
.form-group {
  pointer-events: auto !important;
}

.wooxtoicon {
    display: block !important;
    margin: 0 auto !important;          /* center horizontally */
    max-width: 70px !important;         /* reduce size */
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.how__thumb9 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}