.avatar-sm { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; }
.avatar-lg { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; }
.card-stat { min-height: 110px; }
.table td, .table th { vertical-align: middle; }

@media print { .no-print, .btn, .offcanvas-md, .navbar { display:none !important; } .app-content, .container-fluid { margin:0 !important; padding:0 !important; } }

.employee-profile-card {
  min-height: 285px;
  border-radius: 0.75rem;
  transition: transform .15s ease, box-shadow .15s ease;
}
.employee-profile-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.09) !important;
}
.employee-card-photo {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 50%;
}
.employee-card-name {
  font-weight: 700;
  color: #212529;
}
.employee-card-position {
  font-size: 0.98rem;
  color: #212529;
}
.employee-card-department {
  color: #8a8a8a;
  font-size: 0.92rem;
}
.employee-card-profile-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2aa7df;
  font-weight: 700;
  text-decoration: none;
}
.employee-card-profile-link:hover {
  color: #1689bd;
  text-decoration: underline;
}
.employee-doc-icons {
  display: inline-flex;
  gap: .35rem;
  margin-left: .4rem;
}
.employee-card-docs {
  display: flex;
  justify-content: center;
  gap: .75rem;
}
.employee-doc-icon {
  color: #2aa7df;
  text-decoration: none;
}
.employee-doc-icon:hover {
  color: #1689bd;
}

.dashboard-alert-card {
  min-height: 205px;
  border-radius: .75rem;
  transition: transform .15s ease, box-shadow .15s ease;
}
.dashboard-alert-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;
}

.placeholder-photo-bg {
  background: #eef3f8;
}
.dashboard-employee-photo {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #f1f3f5;
}
.dashboard-vehicle-icon {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #eef3f8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #495057;
  font-size: 2rem;
  border: 3px solid #f1f3f5;
}


.employee-name-link { color: inherit; text-decoration: none; }
.employee-name-link:hover { color: #0d6efd; text-decoration: underline; }
.vehicle-profile-card { min-height: 330px; border-radius: .85rem; transition: transform .15s ease, box-shadow .15s ease; }
.vehicle-profile-card:hover { transform: translateY(-2px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important; }
.analytics-grid .card { border-radius: .85rem; }

.nationality-flag-item {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .35rem .55rem;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  color: #212529;
  background: #fff;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.04);
}
.nationality-flag-item:hover {
  border-color: #0d6efd;
  color: #0d6efd;
  background: #f8fbff;
}
.nationality-flag-item img {
  width: 40px;
  height: 30px;
  object-fit: cover;
  border: 1px solid #ced4da;
  border-radius: .2rem;
  background: #fff;
}
.nationality-flag-fallback {
  width: 40px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced4da;
  border-radius: .2rem;
  background: #f8f9fa;
  color: #6c757d;
}

/* Mobile width and overflow fixes */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body > .d-flex {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}
body > .d-flex > .flex-grow-1 {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
main.container-fluid,
.card,
.card-body,
.row,
[class^="col-"],
[class*=" col-"] {
  min-width: 0;
}
main.container-fluid {
  max-width: 100%;
  overflow-x: hidden;
}
.table-responsive,
.analytics-grid,
.chart-container {
  max-width: 100%;
}
canvas,
img,
svg {
  max-width: 100%;
}

.profile-copy-btn {
  color: #6c757d;
  text-decoration: none;
  line-height: 1;
}
.profile-copy-btn:hover {
  color: #0d6efd;
}
.profile-copy-row span:last-child {
  min-width: 0;
}

@media (max-width: 767.98px) {
  main.container-fluid {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
  .navbar .navbar-brand {
    max-width: 52vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .offcanvas-md {
    max-width: 86vw;
  }
  .btn,
  .form-control,
  .form-select {
    max-width: 100%;
  }
}

/* Dashboard What's New announcements */
.whats-new-section {
  background: #fff;
  border-radius: 1rem;
}
.whats-new-title {
  color: #0d3554;
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -.02em;
}
.whats-new-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .9rem;
  min-height: 180px;
}
.whats-new-circle {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 5px solid #39c4e3;
  box-shadow: 0 0 0 6px #e9f7fb;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.whats-new-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.whats-new-fallback {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0d3554;
  background: linear-gradient(135deg, #e6f7ff, #ffffff);
  font-size: 2.8rem;
}
.whats-new-caption {
  color: #0d3554;
  font-weight: 800;
  font-size: 1.35rem;
  text-align: center;
  line-height: 1.15;
  max-width: 190px;
}
.whats-new-item:hover .whats-new-circle {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1.25rem rgba(13, 110, 253, .16), 0 0 0 6px #e9f7fb;
}

@media (max-width: 767.98px) {
  .whats-new-title { font-size: 1.75rem; }
  .whats-new-circle { width: 110px; height: 110px; }
  .whats-new-caption { font-size: 1.05rem; }
}
.bg-purple {
  background-color: #6f42c1 !important;
}

/* Rig machines */
.rig-machine-card {
  min-height: 330px;
  border-radius: .85rem;
  transition: transform .15s ease, box-shadow .15s ease;
}
.rig-machine-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;
}

/* v53 Gradient Neumorphism Theme (Design 3) */
:root {
  --neu-bg: #eef5ff;
  --neu-bg-2: #f6efff;
  --neu-bg-3: #eafdf8;
  --neu-surface: rgba(255,255,255,.74);
  --neu-surface-strong: rgba(255,255,255,.88);
  --neu-border: rgba(255,255,255,.72);
  --neu-primary: #6b5cff;
  --neu-primary-2: #1ba7ff;
  --neu-info: #30d5c8;
  --neu-text: #10233f;
  --neu-muted: #66758c;
  --neu-shadow-dark: rgba(95, 116, 145, .20);
  --neu-shadow-light: rgba(255, 255, 255, .94);
  --neu-danger: #ff5c7a;
  --neu-warning: #ffb84d;
  --neu-success: #2fcf8f;
}

.app-gradient-neumorphism {
  color: var(--neu-text);
  background:
    radial-gradient(circle at 6% 8%, rgba(107,92,255,.22), transparent 28rem),
    radial-gradient(circle at 92% 14%, rgba(27,167,255,.20), transparent 28rem),
    radial-gradient(circle at 70% 92%, rgba(48,213,200,.20), transparent 28rem),
    linear-gradient(135deg, #f8fbff 0%, #edf5ff 46%, #f8f1ff 100%);
  background-attachment: fixed;
}

.app-shell { min-height: 100vh; }
.app-main-panel { position: relative; min-width: 0; }
.app-content { position: relative; }

.app-sidebar {
  color: var(--neu-text) !important;
  background: linear-gradient(165deg, rgba(255,255,255,.76), rgba(235,243,255,.72), rgba(244,236,255,.74)) !important;
  border-right: 1px solid rgba(255,255,255,.72);
  box-shadow: 12px 0 34px rgba(80, 103, 142, .14);
  backdrop-filter: blur(16px);
}
.app-sidebar .offcanvas-body { color: var(--neu-text); }
.app-sidebar .btn-close { filter: none; }
.app-sidebar-brand {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-weight: 850;
  letter-spacing: -.02em;
  color: #17345f;
}
.brand-mark, .brand-mini, .login-logo, .page-hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6b5cff, #1ba7ff 68%, #30d5c8);
  color: #fff;
  box-shadow: 8px 8px 18px rgba(80, 103, 142, .20), -8px -8px 18px rgba(255,255,255,.95);
}
.brand-mark { width: 36px; height: 36px; border-radius: 12px; }
.brand-mini { width: 32px; height: 32px; border-radius: 11px; }
.login-logo { width: 72px; height: 72px; border-radius: 24px; font-size: 1.8rem; }
.page-hero-icon { width: 58px; height: 58px; border-radius: 18px; font-size: 1.45rem; }

.app-side-nav .nav-link {
  color: #24415f !important;
  border-radius: 16px;
  padding: .74rem .86rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  font-weight: 650;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
.app-side-nav .nav-link i { width: 1.25rem; text-align: center; color: #61728d; }
.app-side-nav .nav-link:hover,
.app-side-nav .nav-link.active {
  background: linear-gradient(135deg, #6b5cff, #168dff);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 8px 8px 18px rgba(93, 110, 146, .23), -8px -8px 18px rgba(255,255,255,.85);
}
.app-side-nav .nav-link:hover i,
.app-side-nav .nav-link.active i { color: #fff; }

.app-navbar {
  background: rgba(255,255,255,.68) !important;
  border-bottom: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 32px rgba(80, 103, 142, .12);
  backdrop-filter: blur(16px);
}
.navbar-brand { color: #17345f; font-weight: 850; letter-spacing: -.02em; }
.user-chip {
  color: #274563;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  padding: .42rem .75rem;
  box-shadow: inset 3px 3px 6px rgba(116, 137, 168, .09), inset -3px -3px 6px rgba(255,255,255,.84);
}

.page-hero {
  background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(232,244,255,.72), rgba(246,237,255,.74));
  border: 1px solid var(--neu-border);
  border-radius: 26px;
  padding: 1rem 1.15rem;
  box-shadow: 12px 12px 28px var(--neu-shadow-dark), -12px -12px 28px var(--neu-shadow-light);
}
.page-hero-title { color: #163158; font-weight: 850; letter-spacing: -.025em; }
.page-hero-subtitle { color: var(--neu-muted); font-size: .92rem; }

.card, .modal-content, .dropdown-menu, .list-group-item, .accordion-item {
  background: var(--neu-surface) !important;
  border: 1px solid var(--neu-border) !important;
  border-radius: 22px !important;
  box-shadow: 10px 10px 24px var(--neu-shadow-dark), -10px -10px 24px var(--neu-shadow-light) !important;
  backdrop-filter: blur(12px);
}
.card-header, .modal-header, .card-footer, .modal-footer {
  background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,246,255,.70)) !important;
  border-color: rgba(255,255,255,.58) !important;
}
.card-header { border-radius: 22px 22px 0 0 !important; color: #17345f; font-weight: 800; }
.card-title, h1, h2, h3, h4, h5, h6 { color: #153458; }
.text-muted { color: var(--neu-muted) !important; }

.card-stat, .dashboard-alert-card, .employee-profile-card, .vehicle-profile-card, .rig-machine-card {
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.80), rgba(235,244,255,.72), rgba(248,241,255,.72)) !important;
}
.card:hover, .employee-profile-card:hover, .vehicle-profile-card:hover, .rig-machine-card:hover, .dashboard-alert-card:hover {
  transform: translateY(-2px);
  box-shadow: 14px 14px 30px rgba(83, 104, 139, .22), -14px -14px 30px rgba(255,255,255,.94) !important;
}

.btn {
  border-radius: 14px;
  font-weight: 700;
  transition: transform .14s ease, box-shadow .14s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary, .nav-pills .nav-link.active {
  border: 0 !important;
  background: linear-gradient(135deg, #6b5cff, #168dff) !important;
  color: #fff !important;
  box-shadow: 7px 7px 16px rgba(86, 106, 144, .22), -7px -7px 16px rgba(255,255,255,.90) !important;
}
.btn-success { border: 0 !important; background: linear-gradient(135deg, #20c997, #2fcf8f) !important; box-shadow: 7px 7px 16px rgba(86, 106, 144, .18), -7px -7px 16px rgba(255,255,255,.88) !important; }
.btn-danger { border: 0 !important; background: linear-gradient(135deg, #ff5c7a, #ff785c) !important; box-shadow: 7px 7px 16px rgba(86, 106, 144, .18), -7px -7px 16px rgba(255,255,255,.88) !important; }
.btn-warning { border: 0 !important; background: linear-gradient(135deg, #ffb84d, #ffd166) !important; color: #5a3900 !important; box-shadow: 7px 7px 16px rgba(86, 106, 144, .18), -7px -7px 16px rgba(255,255,255,.88) !important; }
.btn-info { border: 0 !important; background: linear-gradient(135deg, #16c7d5, #5ce1e6) !important; color: #08343a !important; box-shadow: 7px 7px 16px rgba(86, 106, 144, .18), -7px -7px 16px rgba(255,255,255,.88) !important; }
.btn-light, .btn-outline-secondary, .btn-outline-primary, .btn-outline-danger, .btn-neu {
  background: rgba(255,255,255,.68) !important;
  border: 1px solid rgba(255,255,255,.80) !important;
  color: #254560 !important;
  box-shadow: 5px 5px 12px rgba(88, 110, 145, .15), -5px -5px 12px rgba(255,255,255,.85) !important;
}

.form-control, .form-select, .input-group-text, textarea {
  border: 1px solid rgba(255,255,255,.84) !important;
  background: rgba(255,255,255,.66) !important;
  border-radius: 15px !important;
  color: var(--neu-text) !important;
  box-shadow: inset 4px 4px 9px rgba(102, 126, 160, .13), inset -4px -4px 9px rgba(255,255,255,.95) !important;
}
.input-group .input-group-text:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group .form-control:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.form-control:focus, .form-select:focus {
  border-color: rgba(107,92,255,.45) !important;
  box-shadow: inset 4px 4px 9px rgba(102, 126, 160, .10), inset -4px -4px 9px rgba(255,255,255,.96), 0 0 0 .22rem rgba(107,92,255,.14) !important;
}
.form-label, label { color: #284765; font-weight: 700; }

.table {
  --bs-table-bg: transparent;
  --bs-table-border-color: rgba(186, 205, 230, .56);
  color: var(--neu-text);
}
.table-responsive {
  border-radius: 22px;
  background: rgba(255,255,255,.48);
  box-shadow: inset 4px 4px 10px rgba(102,126,160,.09), inset -4px -4px 10px rgba(255,255,255,.78);
}
.table thead th, table thead th {
  color: #17345f !important;
  background: linear-gradient(135deg, rgba(236,244,255,.92), rgba(246,240,255,.90)) !important;
  border-bottom: 1px solid rgba(172, 194, 223, .56) !important;
  font-weight: 850;
}
.table tbody tr:hover td {
  background: rgba(255,255,255,.44) !important;
}
.badge { border-radius: 999px; padding: .44rem .65rem; }
.alert.neu-alert, .alert {
  border: 1px solid rgba(255,255,255,.75) !important;
  border-radius: 18px !important;
  box-shadow: 8px 8px 18px rgba(86,106,144,.14), -8px -8px 18px rgba(255,255,255,.85) !important;
}

.nav-pills .nav-link {
  border-radius: 14px;
  color: #294866;
  font-weight: 700;
}
.nav-pills .nav-link:not(.active) {
  background: rgba(255,255,255,.42);
  border: 1px solid rgba(255,255,255,.65);
}
.submenu-title { color: #415b77 !important; }

.avatar-sm, .avatar-lg, .employee-card-photo, .dashboard-employee-photo, .dashboard-vehicle-icon, .whats-new-circle {
  box-shadow: 7px 7px 16px rgba(86,106,144,.18), -7px -7px 16px rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.86) !important;
}
.dashboard-vehicle-icon, .placeholder-photo-bg {
  background: linear-gradient(145deg, #eef6ff, #ffffff) !important;
  color: #586a83;
}
.bg-dark, .text-bg-dark { background: linear-gradient(135deg, #31415f, #1d2d4a) !important; }
.bg-primary { background: linear-gradient(135deg, #6b5cff, #168dff) !important; }
.bg-success { background: linear-gradient(135deg, #1fba8f, #2fcf8f) !important; }
.bg-danger { background: linear-gradient(135deg, #ff5c7a, #ff785c) !important; }
.bg-warning { background: linear-gradient(135deg, #ffb84d, #ffd166) !important; }
.bg-info { background: linear-gradient(135deg, #16c7d5, #5ce1e6) !important; }
.bg-purple { background: linear-gradient(135deg, #7c5cff, #b078ff) !important; }

.auth-card { max-width: 430px; margin-inline: auto; }
.auth-gradient:before {
  content: '';
  position: fixed;
  inset: auto auto 8% 8%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107,92,255,.18), transparent 70%);
  pointer-events: none;
}

/* FontAwesome enhancement helpers */
.fa-enhanced-icon { opacity: .86; }
.table th .fa-enhanced-icon, label .fa-enhanced-icon, .card-header .fa-enhanced-icon { color: #6b5cff; }
.btn .fa-enhanced-icon { opacity: 1; }

@media (max-width: 767.98px) {
  .page-hero { border-radius: 20px; padding: .85rem; }
  .page-hero-icon { width: 48px; height: 48px; border-radius: 16px; }
  .page-hero-title { font-size: 1.28rem; }
  .page-hero-subtitle { font-size: .8rem; }
  .user-chip { display: none; }
  .card, .modal-content, .dropdown-menu, .list-group-item, .accordion-item { border-radius: 18px !important; }
  .app-sidebar { max-width: 88vw; }
}


/* v54 Theme chooser: Modern / Dark neumorphism */
.theme-switcher-btn {
  min-width: 116px;
  justify-content: center;
}
.theme-switcher-menu .dropdown-item {
  border-radius: 12px;
  margin: .15rem .35rem;
  width: calc(100% - .7rem);
  color: var(--neu-text);
}
.theme-switcher-menu .dropdown-item .theme-check { opacity: 0; }
.theme-switcher-menu .dropdown-item.active .theme-check { opacity: 1; }
.theme-switcher-menu .dropdown-item.active {
  background: linear-gradient(135deg, var(--neu-primary), var(--neu-primary-2)) !important;
  color: #fff !important;
}

html[data-app-theme="dark"] {
  color-scheme: dark;
  --neu-bg: #101928;
  --neu-bg-2: #172234;
  --neu-bg-3: #0d1422;
  --neu-surface: rgba(27, 40, 60, .82);
  --neu-surface-strong: rgba(34, 49, 72, .94);
  --neu-border: rgba(118, 146, 182, .22);
  --neu-primary: #3da5ff;
  --neu-primary-2: #7c5cff;
  --neu-info: #31d4c7;
  --neu-text: #eef6ff;
  --neu-muted: #a9b8ca;
  --neu-shadow-dark: rgba(0, 0, 0, .46);
  --neu-shadow-light: rgba(255, 255, 255, .055);
  --neu-danger: #ff6580;
  --neu-warning: #ffca68;
  --neu-success: #4ee3a4;
}

html[data-app-theme="dark"] .app-gradient-neumorphism {
  color: var(--neu-text);
  background:
    radial-gradient(circle at 7% 8%, rgba(61,165,255,.20), transparent 28rem),
    radial-gradient(circle at 94% 10%, rgba(124,92,255,.18), transparent 30rem),
    radial-gradient(circle at 78% 90%, rgba(49,212,199,.12), transparent 28rem),
    linear-gradient(135deg, #111827 0%, #162033 45%, #0b1220 100%);
  background-attachment: fixed;
}

html[data-app-theme="dark"] .app-sidebar {
  color: var(--neu-text) !important;
  background: linear-gradient(165deg, rgba(22,33,50,.94), rgba(18,29,46,.92), rgba(14,21,35,.92)) !important;
  border-right-color: rgba(118,146,182,.18) !important;
  box-shadow: 12px 0 34px rgba(0,0,0,.38);
}
html[data-app-theme="dark"] .app-sidebar-brand,
html[data-app-theme="dark"] .navbar-brand,
html[data-app-theme="dark"] .page-hero-title,
html[data-app-theme="dark"] .card-title,
html[data-app-theme="dark"] h1,
html[data-app-theme="dark"] h2,
html[data-app-theme="dark"] h3,
html[data-app-theme="dark"] h4,
html[data-app-theme="dark"] h5,
html[data-app-theme="dark"] h6 {
  color: #f4f9ff !important;
}
html[data-app-theme="dark"] .app-side-nav .nav-link {
  color: #dbe9f8 !important;
}
html[data-app-theme="dark"] .app-side-nav .nav-link i {
  color: #92a9c4;
}
html[data-app-theme="dark"] .app-side-nav .nav-link:hover,
html[data-app-theme="dark"] .app-side-nav .nav-link.active,
html[data-app-theme="dark"] .btn-primary,
html[data-app-theme="dark"] .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #3da5ff, #7c5cff) !important;
  box-shadow: 8px 8px 20px rgba(0,0,0,.35), -8px -8px 20px rgba(255,255,255,.045) !important;
}

html[data-app-theme="dark"] .app-navbar {
  background: rgba(18, 29, 46, .82) !important;
  border-bottom-color: rgba(118,146,182,.18) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
}
html[data-app-theme="dark"] .user-chip,
html[data-app-theme="dark"] .btn-light,
html[data-app-theme="dark"] .btn-outline-secondary,
html[data-app-theme="dark"] .btn-outline-primary,
html[data-app-theme="dark"] .btn-outline-danger,
html[data-app-theme="dark"] .btn-neu {
  color: #e9f3ff !important;
  background: rgba(30, 44, 66, .86) !important;
  border-color: rgba(132, 159, 196, .22) !important;
  box-shadow: 6px 6px 14px rgba(0,0,0,.38), -6px -6px 14px rgba(255,255,255,.045) !important;
}
html[data-app-theme="dark"] .page-hero,
html[data-app-theme="dark"] .card,
html[data-app-theme="dark"] .modal-content,
html[data-app-theme="dark"] .dropdown-menu,
html[data-app-theme="dark"] .list-group-item,
html[data-app-theme="dark"] .accordion-item {
  background: linear-gradient(145deg, rgba(34,49,72,.90), rgba(22,34,53,.86)) !important;
  border-color: rgba(132,159,196,.18) !important;
  box-shadow: 12px 12px 28px rgba(0,0,0,.42), -12px -12px 28px rgba(255,255,255,.045) !important;
  color: var(--neu-text) !important;
}
html[data-app-theme="dark"] .card-header,
html[data-app-theme="dark"] .modal-header,
html[data-app-theme="dark"] .card-footer,
html[data-app-theme="dark"] .modal-footer {
  background: linear-gradient(135deg, rgba(41,58,83,.88), rgba(25,38,59,.86)) !important;
  border-color: rgba(132,159,196,.16) !important;
  color: #f4f9ff !important;
}
html[data-app-theme="dark"] .card-stat,
html[data-app-theme="dark"] .dashboard-alert-card,
html[data-app-theme="dark"] .employee-profile-card,
html[data-app-theme="dark"] .vehicle-profile-card,
html[data-app-theme="dark"] .rig-machine-card {
  background: linear-gradient(145deg, rgba(34,50,74,.92), rgba(22,33,51,.88)) !important;
}
html[data-app-theme="dark"] .card:hover,
html[data-app-theme="dark"] .employee-profile-card:hover,
html[data-app-theme="dark"] .vehicle-profile-card:hover,
html[data-app-theme="dark"] .rig-machine-card:hover,
html[data-app-theme="dark"] .dashboard-alert-card:hover {
  box-shadow: 14px 14px 30px rgba(0,0,0,.48), -14px -14px 30px rgba(255,255,255,.05) !important;
}
html[data-app-theme="dark"] .text-muted,
html[data-app-theme="dark"] .page-hero-subtitle,
html[data-app-theme="dark"] .employee-card-department,
html[data-app-theme="dark"] .submenu-title,
html[data-app-theme="dark"] small {
  color: var(--neu-muted) !important;
}
html[data-app-theme="dark"] .employee-card-name,
html[data-app-theme="dark"] .employee-card-position,
html[data-app-theme="dark"] .nationality-flag-item,
html[data-app-theme="dark"] .dropdown-item,
html[data-app-theme="dark"] .list-group-item,
html[data-app-theme="dark"] .profile-copy-row,
html[data-app-theme="dark"] td,
html[data-app-theme="dark"] th,
html[data-app-theme="dark"] p,
html[data-app-theme="dark"] label,
html[data-app-theme="dark"] .form-label {
  color: var(--neu-text) !important;
}

html[data-app-theme="dark"] .form-control,
html[data-app-theme="dark"] .form-select,
html[data-app-theme="dark"] .input-group-text,
html[data-app-theme="dark"] textarea {
  background: rgba(15, 25, 40, .72) !important;
  border-color: rgba(132,159,196,.24) !important;
  color: var(--neu-text) !important;
  box-shadow: inset 5px 5px 10px rgba(0,0,0,.36), inset -5px -5px 10px rgba(255,255,255,.045) !important;
}
html[data-app-theme="dark"] .form-control::placeholder,
html[data-app-theme="dark"] textarea::placeholder {
  color: #8496ad !important;
}
html[data-app-theme="dark"] .form-control:focus,
html[data-app-theme="dark"] .form-select:focus {
  border-color: rgba(61,165,255,.46) !important;
  box-shadow: inset 5px 5px 10px rgba(0,0,0,.30), inset -5px -5px 10px rgba(255,255,255,.045), 0 0 0 .22rem rgba(61,165,255,.16) !important;
}

html[data-app-theme="dark"] .table-responsive {
  background: rgba(14, 22, 36, .54) !important;
  box-shadow: inset 5px 5px 12px rgba(0,0,0,.32), inset -5px -5px 12px rgba(255,255,255,.035) !important;
}
html[data-app-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--neu-text);
  --bs-table-border-color: rgba(132,159,196,.16);
  color: var(--neu-text) !important;
}
html[data-app-theme="dark"] .table thead th,
html[data-app-theme="dark"] table thead th {
  color: #f4f9ff !important;
  background: linear-gradient(135deg, rgba(45,67,99,.96), rgba(30,44,66,.96)) !important;
  border-bottom-color: rgba(132,159,196,.22) !important;
}
html[data-app-theme="dark"] .table tbody tr:hover td {
  background: rgba(61,165,255,.08) !important;
}
html[data-app-theme="dark"] .dropdown-item:hover,
html[data-app-theme="dark"] .dropdown-item:focus {
  background: rgba(61,165,255,.14) !important;
  color: #fff !important;
}
html[data-app-theme="dark"] .nav-pills .nav-link:not(.active) {
  color: #dbe9f8 !important;
  background: rgba(30,44,66,.68) !important;
  border-color: rgba(132,159,196,.18) !important;
}
html[data-app-theme="dark"] .nationality-flag-item,
html[data-app-theme="dark"] .whats-new-section {
  background: rgba(27, 40, 60, .82) !important;
  border-color: rgba(132,159,196,.18) !important;
}
html[data-app-theme="dark"] .whats-new-title,
html[data-app-theme="dark"] .whats-new-caption {
  color: #f4f9ff !important;
}
html[data-app-theme="dark"] .whats-new-circle {
  border-color: #3da5ff !important;
  box-shadow: 0 0 0 6px rgba(61,165,255,.12), 8px 8px 18px rgba(0,0,0,.40), -8px -8px 18px rgba(255,255,255,.04) !important;
}
html[data-app-theme="dark"] .dashboard-vehicle-icon,
html[data-app-theme="dark"] .placeholder-photo-bg,
html[data-app-theme="dark"] .whats-new-fallback {
  background: linear-gradient(145deg, #1d2c44, #111b2c) !important;
  color: #dcecff !important;
}
html[data-app-theme="dark"] .alert.neu-alert,
html[data-app-theme="dark"] .alert {
  color: #f4f9ff !important;
  border-color: rgba(132,159,196,.20) !important;
  box-shadow: 8px 8px 18px rgba(0,0,0,.36), -8px -8px 18px rgba(255,255,255,.035) !important;
}
html[data-app-theme="dark"] .alert-success { background: rgba(36, 130, 86, .30) !important; }
html[data-app-theme="dark"] .alert-danger { background: rgba(198, 54, 82, .30) !important; }
html[data-app-theme="dark"] .alert-warning { background: rgba(189, 128, 35, .30) !important; }
html[data-app-theme="dark"] .alert-info { background: rgba(61, 140, 176, .30) !important; }
html[data-app-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
html[data-app-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: #7cc6ff;
}

@media (max-width: 767.98px) {
  .theme-switcher-btn {
    min-width: auto;
    padding-inline: .55rem;
  }
  .theme-switcher-btn [data-theme-label] {
    display: none;
  }
}