/* DXT visual system — loaded after the legacy theme so workflows remain untouched. */
:root {
  --dxt-ink: #101828;
  --dxt-muted: #667085;
  --dxt-border: #e4e7ec;
  --dxt-canvas: #f6f8fc;
  --dxt-panel: #ffffff;
  --dxt-primary: #1c75bc;
  --dxt-primary-dark: #155f91;
  --dxt-accent: #1a9970;
  --dxt-success: #1a9970;
  --dxt-font-brand: "Poppins", Arial, sans-serif;
  --dxt-font-secondary: Arial, Helvetica, sans-serif;
  --dxt-font-quote: Georgia, "Times New Roman", serif;
  --dxt-warning: #f79009;
  --dxt-danger: #f04438;
  --dxt-sidebar: #05406f;
  --dxt-radius-sm: 10px;
  --dxt-radius: 16px;
  --dxt-radius-lg: 24px;
  --dxt-shadow: 0 12px 34px rgba(16, 24, 40, 0.08);
  --dxt-shadow-soft: 0 2px 10px rgba(16, 24, 40, 0.05);
  --blue: #1c75bc;
  --primary: #1c75bc;
  --theme-primary-50: #e8f3fb;
  --theme-primary-100: #d2e8f7;
  --theme-primary-200: #acd3ef;
  --theme-primary-300: #78b6e0;
  --theme-primary-400: #4697ce;
  --theme-primary-500: #1c75bc;
  --theme-primary-600: #1769aa;
  --theme-primary-700: #135b94;
  --theme-primary-800: #104d7e;
  --theme-primary-900: #0c3f68;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--dxt-font-brand) !important;
}

blockquote,
.blockquote,
.customer-quote,
.testimonial-quote,
[data-content-type="quote"] {
  font-family: var(--dxt-font-quote) !important;
  font-style: italic;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-family: var(--dxt-font-brand) !important;
}

body.mod-bg-1,
body {
  color: var(--dxt-ink);
  background: var(--dxt-canvas);
}

.page-wrapper,
.page-inner,
.page-content-wrapper,
.page-content {
  background: var(--dxt-canvas);
}

.page-sidebar {
  background: var(--dxt-sidebar) !important;
  border-right: 0;
  box-shadow: 12px 0 36px rgba(16, 24, 40, 0.1);
}

.page-sidebar .page-logo {
  height: 82px;
  padding: 0 22px;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.page-sidebar .page-logo-link::before {
  content: "DXT";
  display: grid;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--dxt-primary), var(--dxt-accent));
  box-shadow: 0 8px 22px rgba(11, 99, 206, 0.32);
}

.page-sidebar .page-logo img {
  display: none !important;
}

.page-logo-text {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em;
}

.page-logo-text::after {
  content: "  Workspace";
  color: #98a2b3;
  font-size: 12px;
  font-weight: 500;
}

.info-card {
  margin: 14px;
  padding: 16px !important;
  min-height: 88px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--dxt-radius);
  background: rgba(255, 255, 255, 0.06) !important;
}

.info-card .cover,
.info-card::before,
.info-card::after {
  display: none !important;
}

.info-card-text,
.info-card-text a,
.info-card-text span {
  color: #f2f4f7 !important;
}

.nav-filter {
  padding: 14px 14px 4px;
}

.nav-filter input,
.nav-filter input:focus {
  height: 42px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--dxt-radius-sm);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: none;
}

.nav-menu {
  padding: 8px 12px 24px;
}

.nav-menu li a {
  min-height: 44px;
  margin: 3px 0;
  padding: 11px 14px;
  color: #cfd4dc !important;
  border-radius: 10px;
  font-weight: 550;
}

.nav-menu li a:hover,
.nav-menu li.active > a,
.nav-menu li.open > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
}

.nav-menu li.active > a {
  background: linear-gradient(135deg, rgba(11, 99, 206, 0.97), rgba(22, 163, 106, 0.82)) !important;
}

.nav-menu li a i {
  width: 22px;
  color: inherit !important;
}

.nav-menu li ul {
  padding-left: 10px;
  background: transparent !important;
}

.nav-footer {
  background: #05406f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.page-header {
  height: 72px;
  padding: 0 24px;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--dxt-border);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.page-header .search input,
.page-header .search input:focus {
  width: min(420px, 32vw);
  height: 42px;
  padding-left: 42px;
  border: 1px solid var(--dxt-border);
  border-radius: 12px;
  background: #f9fafb;
  box-shadow: none;
}

.header-icon,
.header-btn {
  width: 42px !important;
  height: 42px !important;
  margin-left: 8px;
  color: var(--dxt-muted) !important;
  border: 1px solid var(--dxt-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.header-icon:hover,
.header-btn:hover {
  color: var(--dxt-primary) !important;
  border-color: #b9dafb !important;
  background: #edf7ff !important;
}

.page-content {
  padding: 28px;
}

.subheader {
  margin-bottom: 22px;
}

.subheader-title,
.page-title,
h1, h2, h3, h4, h5, h6 {
  color: var(--dxt-ink);
  letter-spacing: -0.02em;
}

.panel,
.card,
.modal-content,
.dropdown-menu,
.well,
.alert,
.droptech-form-view,
.droptech-table-view {
  border: 1px solid var(--dxt-border) !important;
  border-radius: var(--dxt-radius) !important;
  background: var(--dxt-panel);
  box-shadow: var(--dxt-shadow-soft) !important;
}

.panel-hdr,
.card-header,
.modal-header {
  min-height: 58px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--dxt-border) !important;
  border-radius: var(--dxt-radius) var(--dxt-radius) 0 0 !important;
  background: #fff !important;
}

.panel-content,
.card-body,
.modal-body {
  padding: 20px;
}

.form-control,
.custom-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
  min-height: 44px;
  color: var(--dxt-ink);
  border: 1px solid #d0d5dd !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: #58a4ee !important;
  box-shadow: 0 0 0 4px rgba(11, 99, 206, 0.12) !important;
}

label,
.form-label {
  color: #344054;
  font-size: 13px;
  font-weight: 650;
}

.btn {
  min-height: 40px;
  border-radius: 10px !important;
  font-weight: 650;
  box-shadow: none !important;
}

.btn-primary,
.bg-primary,
.bg-primary-500,
.bg-trans-gradient {
  color: #fff !important;
  border-color: var(--dxt-primary) !important;
  background: linear-gradient(135deg, var(--dxt-primary), var(--dxt-accent)) !important;
}

.btn-primary:hover {
  border-color: var(--dxt-primary-dark) !important;
  background: var(--dxt-primary-dark) !important;
}

.btn-outline-primary,
.text-primary {
  color: var(--dxt-primary) !important;
}

.btn-outline-primary,
.border-primary {
  border-color: var(--dxt-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  border-color: var(--dxt-primary) !important;
  background: var(--dxt-primary) !important;
}

.btn-success,
.bg-success {
  background: var(--dxt-success) !important;
  border-color: var(--dxt-success) !important;
}

.btn-outline-success,
.text-success {
  color: var(--dxt-accent) !important;
}

.btn-outline-success,
.border-success {
  border-color: var(--dxt-accent) !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
  color: #fff !important;
  border-color: var(--dxt-accent) !important;
  background: var(--dxt-accent) !important;
}

.btn-danger,
.bg-danger {
  background: var(--dxt-danger) !important;
  border-color: var(--dxt-danger) !important;
}

.badge,
.label {
  padding: 5px 9px;
  border-radius: 999px !important;
  font-weight: 650;
}

.table-responsive {
  border-radius: 12px;
}

.table,
table.dataTable {
  margin-bottom: 0 !important;
  color: #344054;
  border-collapse: separate !important;
  border-spacing: 0;
}

.table thead th,
table.dataTable thead th {
  padding: 13px 15px !important;
  color: #475467 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--dxt-border) !important;
  background: #f9fafb !important;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.table tbody td,
table.dataTable tbody td {
  padding: 14px 15px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #eef1f5 !important;
  vertical-align: middle;
}

.table tbody tr:hover,
table.dataTable tbody tr:hover {
  background: #f8faff !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  min-height: 38px;
}

.pagination .page-link {
  margin: 0 3px;
  color: #475467;
  border: 1px solid var(--dxt-border);
  border-radius: 9px !important;
}

.pagination .active .page-link {
  color: #fff;
  border-color: var(--dxt-primary);
  background: var(--dxt-primary);
}

.page-footer {
  color: var(--dxt-muted);
  border-top: 1px solid var(--dxt-border);
  background: #fff;
}

.shortcut-menu {
  display: none !important;
}

.loadingIndicator {
  padding: 48px 20px;
  text-align: center;
}

/* Dashboard summary cards: retire the legacy rainbow palette. */
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.panel-hdr h1,
.panel-hdr h2,
.panel-hdr h3,
.panel-hdr h4,
.panel-hdr h5,
.panel-hdr h6 {
  font-family: var(--dxt-font-brand) !important;
}

.page-content .row > [class*="col-"] > .bg-fusion-gradient {
  min-height: 104px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px !important;
  background: linear-gradient(135deg, #1c75bc, #155f91) !important;
  box-shadow: 0 10px 24px rgba(28, 117, 188, 0.18);
}

.page-content .row > [class*="col-"]:nth-child(4n + 2) > .bg-fusion-gradient {
  background: linear-gradient(135deg, #1c75bc, #1a9970) !important;
  box-shadow: 0 10px 24px rgba(26, 153, 112, 0.18);
}

.page-content .row > [class*="col-"]:nth-child(4n + 3) > .bg-fusion-gradient {
  background: linear-gradient(135deg, #1a9970, #1c75bc) !important;
}

.page-content .row > [class*="col-"]:nth-child(4n) > .bg-fusion-gradient {
  background: linear-gradient(135deg, #155f91, #1a9970) !important;
}

.page-content .bg-fusion-gradient h3,
.page-content .bg-fusion-gradient small,
.page-content .bg-fusion-gradient a,
.page-content .bg-fusion-gradient i {
  color: #fff !important;
  font-family: var(--dxt-font-brand) !important;
}

.page-content .bg-fusion-gradient h3 {
  font-size: 32px !important;
  font-weight: 750 !important;
}

.page-content .bg-fusion-gradient small {
  margin-top: 8px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
}

/* Login */
body.dxt-login,
body:has(.dxt-login-shell) {
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 15%, rgba(22, 163, 106, 0.18), transparent 24rem),
    radial-gradient(circle at 92% 85%, rgba(11, 99, 206, 0.22), transparent 28rem),
    #0b1220 !important;
}

.dxt-login-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr);
  width: min(1120px, calc(100% - 40px));
  min-height: 650px;
  margin: 44px auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(0,0,0,.36);
}

.dxt-login-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 54px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(11,99,206,.96), rgba(6,63,43,.96)),
    #101828;
}

.dxt-login-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  font-size: 19px;
  font-weight: 750;
}

.dxt-login-mark {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, #a5f3fc);
  color: var(--dxt-primary-dark);
  font-size: 15px;
  font-weight: 850;
}

.dxt-login-intro h1 {
  max-width: 540px;
  margin: 36px 0 18px;
  color: #fff;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.04;
}

.dxt-login-intro p {
  max-width: 500px;
  color: #d0d5dd;
  font-size: 17px;
  line-height: 1.7;
}

.dxt-login-points {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.dxt-login-points li {
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #eaecf0;
  font-size: 13px;
}

.dxt-login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 58px;
}

.dxt-login-form-inner {
  width: 100%;
}

.dxt-login-form h2 {
  margin: 0 0 10px;
  font-size: 32px;
}

.dxt-login-form .dxt-login-subtitle {
  margin-bottom: 34px;
  color: var(--dxt-muted);
  font-size: 15px;
  line-height: 1.55;
}

.dxt-login-form .card {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dxt-login-form .btn-primary {
  width: 100%;
  min-height: 48px;
  margin-top: 8px;
  font-size: 14px !important;
  line-height: 20px;
}

.dxt-login-form label.form-label {
  font-size: 14px !important;
  line-height: 20px;
}

.dxt-login-form input.form-control {
  font-size: 14px !important;
  line-height: 20px;
}

.dxt-login-meta {
  margin-top: 24px;
  color: #98a2b3;
  font-size: 12px;
  text-align: center;
}

.dxt-login-form .card::after {
  content: "";
  display: table;
  clear: both;
}

.dxt-login-security {
  clear: both;
  width: 100%;
  margin-top: 22px;
  padding: 14px;
  border: 1px solid #dfe7ee;
  border-radius: 14px;
  background: #f8fafc;
  box-shadow: 0 8px 22px rgba(16, 24, 40, .05);
}

.dxt-login-security-head {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7edf2;
}

.dxt-login-security-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  color: #1c75bc;
  border: 1px solid #c7dff1;
  border-radius: 11px;
  background: #edf6fc;
  font-size: 20px;
}

.dxt-login-security-title strong,
.dxt-login-security-title small {
  display: block;
}

.dxt-login-security-title strong {
  color: #172b3a;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 1.4;
}

.dxt-login-security-title small {
  margin-top: 3px;
  color: #788b9b;
  font-size: 11px;
  line-height: 1.45;
}

.dxt-login-security-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  color: #157754;
  border: 1px solid #bce7d5;
  border-radius: 999px;
  background: #ecf9f3;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.dxt-login-security-badge i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1a9970;
  box-shadow: 0 0 0 0 rgba(26, 153, 112, .32);
  animation: dxtLoginSecurityPulse 2.2s infinite;
}

.dxt-login-security-details {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding-top: 12px;
}

.dxt-login-security-detail {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 9px;
  background: #fff;
}

.dxt-login-security-detail small,
.dxt-login-security-detail strong {
  display: block;
}

.dxt-login-security-detail small {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  color: #8091a0;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dxt-login-security-detail small i {
  color: #1c75bc;
  font-size: 11px;
}

.dxt-login-security-detail strong {
  overflow-wrap: anywhere;
  color: #344b5e;
  font-size: 12.5px;
  font-weight: 500 !important;
  line-height: 1.5;
}

@keyframes dxtLoginSecurityPulse {
  0% { box-shadow: 0 0 0 0 rgba(26, 153, 112, .32); }
  70% { box-shadow: 0 0 0 6px rgba(26, 153, 112, 0); }
  100% { box-shadow: 0 0 0 0 rgba(26, 153, 112, 0); }
}

body:has(.dxt-login-shell) #bgvid,
body:has(.dxt-login-shell) .blankpage-form-field,
body:has(.dxt-login-shell) .login-footer {
  display: none !important;
}

@media (max-width: 992px) {
  .page-content { padding: 20px; }
  .dxt-login-shell { grid-template-columns: 1fr; margin: 20px auto; }
  .dxt-login-intro { min-height: 320px; padding: 38px; }
  .dxt-login-intro h1 { font-size: 40px; }
  .dxt-login-form { padding: 40px; }
}

@media (max-width: 576px) {
  .page-header { padding: 0 14px; }
  .page-content { padding: 14px; }
  .panel-content, .card-body, .modal-body { padding: 15px; }
  .dxt-login-shell { width: calc(100% - 24px); border-radius: 20px; }
  .dxt-login-intro { padding: 28px; }
  .dxt-login-intro h1 { font-size: 34px; }
  .dxt-login-points { display: none; }
  .dxt-login-form { padding: 30px 24px; }
  .dxt-login-form h2 { font-size: 26px; }
  .dxt-login-security-head { grid-template-columns: 40px minmax(0, 1fr); }
  .dxt-login-security-badge { grid-column: 2; justify-self: start; }
  .dxt-login-security-details { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .dxt-login-security-badge i { animation: none; }
}

/* --------------------------------------------------------------------------
   Requisitions list: flat compact redesign experiment (page-scoped)
   Remove this block to restore the shared list-card treatment.
   -------------------------------------------------------------------------- */
#config[page="requisitions"] ~ .page-wrapper #panel_list.dxt-list-card {
  overflow: hidden;
  border: 1px solid #d9e3ec !important;
  border-radius: 16px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 8px 24px rgba(5,64,111,.08) !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list.dxt-list-card::before,
#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header::before {
  display: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header {
  min-height: 68px !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-bottom: 3px solid #1a9970 !important;
  border-radius: 0 !important;
  background: #05406f !important;
  background-image: none !important;
  box-shadow: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .dxt-list-card-icon {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  background: #1c75bc !important;
  background-image: none !important;
  box-shadow: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .dxt-list-card-title {
  font-size: 18px !important;
  letter-spacing: -.02em;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .dxt-list-card-subtitle {
  margin-top: 2px;
  color: rgba(255,255,255,.72) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header .btn-panel,
#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header .btn-toolbar-master {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.1) !important;
  background-image: none !important;
  box-shadow: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header .btn-panel:hover,
#config[page="requisitions"] ~ .page-wrapper #panel_list > .dxt-list-card-header .btn-toolbar-master:hover {
  background: #fff !important;
  color: #05406f !important;
  transform: translateY(-1px) !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list.dxt-list-card > .panel-container,
#config[page="requisitions"] ~ .page-wrapper #panel_list.dxt-list-card > .panel-container > .panel-content {
  background: #fff !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list.dxt-list-card > .panel-container > .panel-content {
  padding: 14px !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .frame-wrap {
  overflow: visible !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .frame-wrap > a[href*="requisitions/import"] {
  min-height: 32px !important;
  margin: 0 0 10px 8px !important;
  padding: 7px 11px !important;
  border: 1px solid #1c75bc !important;
  border-radius: 8px !important;
  background: #1c75bc !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

#config[page="requisitions"] ~ .page-wrapper #panel_list .frame-wrap > a[href*="requisitions/import"]:hover {
  border-color: #05406f !important;
  background: #05406f !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 {
  clear: both;
  display: flex !important;
  margin: 0 0 10px !important;
  padding: 8px !important;
  align-items: center !important;
  gap: 8px;
  border: 1px solid #e0e8ef;
  border-radius: 11px;
  background: #f6f8fa !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 > div {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  flex: 0 1 auto !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 > div:first-child {
  flex: 1 1 auto !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 > div:nth-child(2) {
  margin-left: auto !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons .btn,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons button {
  min-height: 30px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid #d6e1ea !important;
  border-radius: 7px !important;
  background: #fff !important;
  background-image: none !important;
  color: #425b70 !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons .addNewItemButton {
  border-color: #1a9970 !important;
  background: #1a9970 !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons .btn:hover,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons button:hover {
  border-color: #1c75bc !important;
  background: #eef6fc !important;
  color: #05406f !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-buttons .addNewItemButton:hover {
  border-color: #157d5c !important;
  background: #157d5c !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_filter {
  padding: 0 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_filter label {
  display: flex;
  margin: 0;
  align-items: center;
  gap: 7px;
  color: #687b8d !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_filter input {
  width: 180px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border: 1px solid #cedae4 !important;
  border-radius: 7px !important;
  background: #fff !important;
  background-image: none !important;
  font-size: 10px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .table-responsive,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollBody {
  overflow-x: auto !important;
  border: 1px solid #dce5ed;
  border-radius: 10px;
  background: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions thead,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions thead.bg-primary-600 {
  background: #eaf1f6 !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions thead th {
  height: 36px !important;
  padding: 7px 9px !important;
  border-right: 1px solid #d3dfe8 !important;
  border-bottom: 1px solid #c7d6e2 !important;
  background: #eaf1f6 !important;
  background-image: none !important;
  color: #29485f !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .055em;
  line-height: 1.2 !important;
  white-space: nowrap;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr:nth-child(even) {
  height: 42px !important;
  background: #fff !important;
  background-image: none !important;
  animation-duration: .24s;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr:nth-child(even) {
  background: #f8fafc !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr:hover {
  background: #edf7f3 !important;
  box-shadow: inset 3px 0 0 #1a9970 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td {
  height: 42px !important;
  min-height: 0 !important;
  padding: 5px 9px !important;
  border-right: 1px solid #edf1f4 !important;
  border-bottom: 1px solid #e6ecf1 !important;
  color: #42586a !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
  white-space: nowrap;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td:first-child {
  min-width: 250px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td:last-child {
  min-width: 245px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .btn,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > button,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > a,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .badge {
  display: inline-flex !important;
  min-height: 24px !important;
  margin: 0 3px 0 0 !important;
  padding: 4px 7px !important;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 6px !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  vertical-align: middle;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > button.badge,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > span.badge.border-primary {
  border-color: #bdd4e5 !important;
  background: #f5f9fc !important;
  color: #17669f !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody .badge-info {
  border: 1px solid #b8dfd1 !important;
  background: #eaf7f2 !important;
  color: #157b5b !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .action-buttons {
  display: inline-flex !important;
  float: none !important;
  margin-left: 3px;
  vertical-align: middle;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .action-buttons .btn-group {
  display: inline-flex;
  gap: 3px;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .action-buttons .btn-icon {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d6e1e9 !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-image: none !important;
  color: #416078 !important;
  box-shadow: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .action-buttons .btn-danger {
  border-color: #f0c9ce !important;
  color: #c6404d !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .action-buttons .btn-icon:hover {
  border-color: #1c75bc !important;
  background: #1c75bc !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_info,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_paginate,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_length {
  padding-top: 9px !important;
  padding-bottom: 0 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .paginate_button {
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 5px 8px !important;
  border-radius: 6px !important;
  background-image: none !important;
}

@media (max-width: 991.98px) {
  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 {
    align-items: stretch !important;
    flex-direction: column;
  }

  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 > div:nth-child(2) {
    width: 100% !important;
    margin-left: 0 !important;
  }

  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_filter label,
  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_filter input {
    width: 100% !important;
  }
}

/* Remove the legacy purple palette throughout DXT. */
a { color: #1c75bc; }
a:hover { color: #155f91; }

.color-primary-50 { color: #e8f3fb !important; }
.color-primary-100 { color: #d2e8f7 !important; }
.color-primary-200 { color: #acd3ef !important; }
.color-primary-300 { color: #78b6e0 !important; }
.color-primary-400 { color: #4697ce !important; }
.color-primary-500 { color: #1c75bc !important; }
.color-primary-600 { color: #1769aa !important; }
.color-primary-700 { color: #135b94 !important; }
.color-primary-800 { color: #104d7e !important; }
.color-primary-900 { color: #0c3f68 !important; }

.bg-primary-50 { background-color: #e8f3fb !important; }
.bg-primary-100 { background-color: #d2e8f7 !important; }
.bg-primary-200 { background-color: #acd3ef !important; }
.bg-primary-300 { background-color: #78b6e0 !important; }
.bg-primary-400 { background-color: #4697ce !important; }
.bg-primary-500 { background-color: #1c75bc !important; }
.bg-primary-600 { background-color: #1769aa !important; }
.bg-primary-700 { background-color: #135b94 !important; }
.bg-primary-800 { background-color: #104d7e !important; }
.bg-primary-900 { background-color: #0c3f68 !important; }

.badge-primary,
.label-primary {
  border-color: #1c75bc !important;
  background-color: #1c75bc !important;
  color: #fff !important;
}

.bg-primary-gradient {
  background-image: linear-gradient(250deg, rgba(21,95,145,.72), transparent) !important;
}

.page-header .ni,
.page-header .status,
.page-header a:not(.btn),
.page-logo-link,
.page-logo-link * {
  color: #1c75bc !important;
}

.page-sidebar .page-logo-link,
.page-sidebar .page-logo-link * {
  color: #fff !important;
}

.nav-menu .collapse-sign,
.nav-menu .collapse-sign * {
  color: rgba(231,240,247,.68) !important;
}

/* Profile — purpose-matched contact and notification icons. */
#config[page="profile"] ~ .page-wrapper .dxt-profile-contact-icon {
  display: inline-grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #d7e6f2;
  border-radius: 12px;
  background: #f1f7fc;
  color: #1c75bc;
  font-size: 22px;
  box-shadow: 0 5px 14px rgba(28,117,188,.08);
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

#config[page="profile"] ~ .page-wrapper .card.mb-2 a {
  color: #334155 !important;
}

#config[page="profile"] ~ .page-wrapper .card.mb-2 a:hover .dxt-profile-contact-icon {
  border-color: #1c75bc;
  background: #1c75bc;
  color: #fff;
  transform: translateY(-2px);
}

#config[page="profile"] ~ .page-wrapper .card.mb-2 strong {
  color: #1c75bc !important;
}

#config[page="profile"] ~ .page-wrapper .dxt-profile-panel-icon {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #d7e6f2;
  border-radius: 10px;
  background: #f1f7fc;
  color: #1c75bc;
  font-size: 19px;
  vertical-align: middle;
}

body .page-content a:not(.btn):not(.badge) {
  color: #1c75bc !important;
}

body .page-content a:not(.btn):not(.badge):hover,
body .page-content a:not(.btn):not(.badge):focus {
  color: #155f91 !important;
}

/* --------------------------------------------------------------------------
   DXT Product UI — premium workspace
   -------------------------------------------------------------------------- */

:root {
  --dxt-navy: #05406f;
  --dxt-navy-soft: #05406f;
  --dxt-blue: #1c75bc;
  --dxt-blue-deep: #155f91;
  --dxt-green: #1a9970;
  --dxt-green-deep: #147a59;
  --dxt-canvas: #f3f7fb;
  --dxt-surface: #ffffff;
  --dxt-line: #dce6f0;
  --dxt-ink: #15283d;
  --dxt-muted-2: #66788d;
  --dxt-card-shadow: 0 18px 44px rgba(19, 47, 79, .08), 0 2px 8px rgba(19, 47, 79, .04);
  --dxt-lift-shadow: 0 22px 54px rgba(8, 105, 218, .12), 0 5px 14px rgba(19, 47, 79, .06);
}

body:not(:has(.dxt-login-shell)),
.page-wrapper,
.page-content-wrapper {
  background-color: var(--dxt-canvas) !important;
}

.page-content-wrapper {
  background-image:
    radial-gradient(circle at 88% 3%, rgba(8, 105, 218, .075), transparent 26rem),
    radial-gradient(circle at 4% 80%, rgba(20, 166, 111, .06), transparent 24rem) !important;
}

.page-content {
  max-width: 1920px;
  padding: 28px 32px 48px;
}

/* Premium sidebar */
.page-sidebar {
  position: relative;
  overflow: hidden;
  background: #05406f !important;
  border-right: 1px solid rgba(255, 255, 255, .07);
  box-shadow: 14px 0 36px rgba(7, 21, 38, .13);
}

.page-sidebar::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(to bottom, #000, transparent 74%);
}

.page-sidebar > * {
  position: relative;
  z-index: 1;
}

.page-logo {
  min-height: 74px;
  padding: 0 20px !important;
  background: #05406f !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.page-logo .dxt-admin-mark {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 15px;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green));
  box-shadow: 0 10px 28px rgba(8, 105, 218, .35), inset 0 1px 0 rgba(255,255,255,.25);
}

.info-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 16px 12px 12px;
  padding: 14px !important;
  min-height: 82px;
  height: auto !important;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.045)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.13);
  backdrop-filter: blur(12px);
}

.info-card .info-card-text h3 {
  min-height: 0;
  margin: 7px 0 0 !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.1) !important;
  color: rgba(238,247,251,.88) !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: .04em;
  box-shadow: none !important;
}

.info-card .pull-trigger-btn {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(0,0,0,.14);
}

.info-card::before {
  display: grid !important;
  position: static !important;
  width: 52px;
  height: 52px;
  content: "DXT" !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(8,105,218,.92), rgba(20,166,111,.92)) !important;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
  opacity: 1 !important;
}

.info-card .profile-image,
.info-card img {
  display: none !important;
}

.info-card .info-card-text {
  position: static !important;
  padding: 0 !important;
  color: #fff !important;
}

.info-card .info-card-text > span,
.info-card .info-card-text > div {
  color: rgba(224, 238, 247, .72) !important;
}

.nav-menu > li {
  margin: 5px 11px;
  border-radius: 14px;
  animation: dxtNavIn .45s both;
}

.nav-menu > li:nth-child(2) { animation-delay: .035s; }
.nav-menu > li:nth-child(3) { animation-delay: .07s; }
.nav-menu > li:nth-child(4) { animation-delay: .105s; }
.nav-menu > li:nth-child(5) { animation-delay: .14s; }
.nav-menu > li:nth-child(6) { animation-delay: .175s; }

.nav-menu li a {
  position: relative;
  min-height: 48px;
  margin: 0;
  padding: 8px 13px !important;
  border: 1px solid transparent;
  border-radius: 13px;
  color: rgba(226, 238, 246, .82) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

.nav-menu li a i:not(.fal-chevron-down):not(.collapse-sign) {
  display: inline-grid;
  width: 31px !important;
  height: 31px;
  margin-right: 11px !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.065);
  color: #76c7ff !important;
  font-size: 15px !important;
}

.nav-menu li a:hover {
  transform: translateX(3px);
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
}

.nav-menu li.active > a,
.nav-menu li.open > a {
  border-color: rgba(255,255,255,.13) !important;
  background: linear-gradient(100deg, rgba(8,105,218,.88), rgba(20,166,111,.68)) !important;
  color: #fff !important;
  box-shadow: 0 12px 25px rgba(1, 14, 28, .25), inset 0 1px 0 rgba(255,255,255,.16);
}

.nav-menu li.active > a::before {
  position: absolute;
  left: -7px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  content: "";
  border-radius: 99px;
  background: #62edb8;
  box-shadow: 0 0 14px rgba(98,237,184,.8);
}

.nav-menu li.active > a i,
.nav-menu li.open > a i {
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
}

.nav-menu ul {
  margin: 5px 0 9px !important;
  padding: 5px !important;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 13px;
  background: rgba(2, 13, 24, .25) !important;
}

.nav-menu ul li a {
  min-height: 38px;
  padding-left: 48px !important;
  border-radius: 10px;
  font-size: 13px;
}

/* Refined top navigation */
.page-header {
  position: relative;
  min-height: 74px;
  padding: 0 26px;
  border-bottom: 1px solid rgba(14, 50, 83, .08) !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 10px 30px rgba(24, 56, 88, .065) !important;
  backdrop-filter: blur(18px) saturate(135%);
}

.page-header::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--dxt-blue), var(--dxt-green), transparent 78%);
  opacity: .7;
}

.page-header .form-control,
.page-header input[type="text"],
.page-header input[type="search"] {
  min-height: 44px;
  border: 1px solid #d7e3ee !important;
  border-radius: 14px !important;
  background: #f6f9fc !important;
  box-shadow: inset 0 1px 2px rgba(15,40,68,.035);
}

.header-icon,
.header-btn,
.page-header [data-toggle="dropdown"] {
  display: inline-grid !important;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #deebf4 !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #fff, #f3f8fc) !important;
  color: var(--dxt-blue) !important;
  box-shadow: 0 5px 14px rgba(15, 57, 92, .07);
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease !important;
}

.header-icon:hover,
.header-btn:hover,
.page-header [data-toggle="dropdown"]:hover {
  transform: translateY(-2px);
  color: var(--dxt-green) !important;
  box-shadow: 0 9px 20px rgba(8,105,218,.13);
}

.page-header .profile-image {
  border: 2px solid #fff;
  border-radius: 13px !important;
  box-shadow: 0 0 0 2px rgba(8,105,218,.16), 0 6px 14px rgba(13,42,72,.12);
}

.page-header a.header-icon[title="Anuj Kumar"]::before {
  display: grid;
  width: 34px;
  height: 34px;
  content: "DXT";
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green));
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
  box-shadow: 0 6px 15px rgba(8,105,218,.2);
}

.page-header a.header-icon[title="Anuj Kumar"] .profile-image {
  display: none !important;
}

/* Velzon-inspired account switcher */
.page-header .dxt-profile-menu {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.page-header .dxt-profile-trigger,
.page-header .dxt-profile-trigger[data-toggle="dropdown"] {
  display: flex !important;
  width: auto !important;
  min-width: 174px;
  height: 58px !important;
  padding: 7px 12px 7px 9px !important;
  align-items: center;
  gap: 10px;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f5f8 !important;
  color: #283c50 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background .2s ease, box-shadow .2s ease !important;
}

.page-header .dxt-profile-trigger:hover,
.page-header .dxt-profile-menu.show .dxt-profile-trigger {
  transform: none !important;
  background: #e8eef4 !important;
  box-shadow: inset 0 -2px 0 var(--dxt-green) !important;
}

.dxt-profile-avatar {
  display: inline-grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green));
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .045em;
  box-shadow: 0 0 0 2px rgba(28,117,188,.13), 0 6px 14px rgba(20,51,78,.12);
}

.dxt-profile-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}

.dxt-profile-name {
  overflow: hidden;
  max-width: 104px;
  color: #24384b;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxt-profile-role {
  overflow: hidden;
  max-width: 104px;
  margin-top: 3px;
  color: #718295;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxt-profile-chevron {
  margin-left: auto;
  color: #8a9aac;
  font-size: 10px;
  transition: transform .2s ease;
}

.dxt-profile-menu.show .dxt-profile-chevron {
  transform: rotate(180deg);
}

.dxt-profile-dropdown {
  top: calc(100% - 6px) !important;
  right: 0 !important;
  left: auto !important;
  width: 278px !important;
  margin-top: 7px !important;
  padding: 8px !important;
  overflow: hidden;
  border: 1px solid #dce6ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(19,45,70,.18) !important;
  transform: none !important;
}

.dxt-profile-welcome {
  display: flex;
  gap: 12px;
  padding: 11px 10px 12px;
  align-items: center;
}

.dxt-profile-avatar-lg {
  flex-basis: 44px;
  width: 44px;
  height: 44px;
}

.dxt-profile-welcome > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.dxt-profile-welcome strong {
  overflow: hidden;
  color: #24384b;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxt-profile-welcome small {
  overflow: hidden;
  margin-top: 3px;
  color: #7a8b9b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxt-profile-dropdown .dropdown-divider {
  margin: 5px 6px !important;
  border-color: #e7edf3;
}

.dxt-profile-dropdown .dropdown-item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  min-height: 42px;
  padding: 6px 9px !important;
  align-items: center;
  border-radius: 9px;
  color: #3b4f62 !important;
  font-size: 12px;
  font-weight: 600;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.dxt-profile-dropdown .dropdown-item > i {
  display: inline-grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  background: #eef5fb;
  color: var(--dxt-blue) !important;
  font-size: 13px;
}

.dxt-profile-dropdown .dropdown-item:hover {
  transform: translateX(2px);
  background: #f0f7fc !important;
  color: var(--dxt-blue) !important;
}

.dxt-profile-dropdown .dropdown-item kbd {
  padding: 2px 5px;
  border: 1px solid #dfe7ef;
  border-radius: 5px;
  background: #f7f9fb;
  color: #7b8b9a;
  font-family: Arial, sans-serif;
  font-size: 8px;
  box-shadow: none;
}

.dxt-profile-dropdown .dxt-profile-logout {
  color: #c43c50 !important;
}

.dxt-profile-dropdown .dxt-profile-logout > i {
  background: #fff0f2;
  color: #c43c50 !important;
}

.dxt-profile-dropdown .dxt-profile-logout small {
  color: #9ba8b4;
  font-size: 9px;
}

@media (max-width: 767px) {
  .page-header .dxt-profile-trigger,
  .page-header .dxt-profile-trigger[data-toggle="dropdown"] {
    min-width: 48px;
    width: 48px !important;
    height: 48px !important;
    padding: 5px !important;
    justify-content: center;
    border-radius: 13px !important;
  }

  .dxt-profile-avatar {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }
}

/* Velzon-inspired buttons and Remix line icons */
.btn,
button.btn,
a.btn,
.btn-xs {
  display: inline-flex;
  min-height: 38px;
  padding: 8px 14.4px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.45;
  text-shadow: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.btn:hover,
.btn:focus,
.btn-xs:hover,
.btn-xs:focus {
  text-decoration: none;
  transform: none !important;
}

.btn-primary,
.btn-primary.btn-xs,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-primary {
  border-color: #1c75bc !important;
  background: #1c75bc !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.btn-xs:hover,
.btn-primary.btn-xs:focus,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-primary:hover {
  border-color: #17639e !important;
  background: #17639e !important;
  color: #fff !important;
  filter: none !important;
}

.btn-success,
.btn-success.btn-outline-primary,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-success {
  border-color: #1a9970 !important;
  background: #1a9970 !important;
  color: #fff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.btn-outline-primary:hover,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-success:hover {
  border-color: #157d5c !important;
  background: #157d5c !important;
  color: #fff !important;
  filter: none !important;
}

.btn-info {
  border-color: #299cdb !important;
  background: #299cdb !important;
  color: #fff !important;
}

.btn-danger {
  border-color: #f06548 !important;
  background: #f06548 !important;
  color: #fff !important;
}

.btn-warning {
  border-color: #f7b84b !important;
  background: #f7b84b !important;
  color: #fff !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-danger {
  background: transparent !important;
  box-shadow: none !important;
}

.btn-outline-primary { border-color: #1c75bc !important; color: #1c75bc !important; }
.btn-outline-success { border-color: #1a9970 !important; color: #1a9970 !important; }
.btn-outline-info { border-color: #299cdb !important; color: #299cdb !important; }
.btn-outline-danger { border-color: #f06548 !important; color: #f06548 !important; }

.btn-outline-primary:hover,
.btn-outline-primary:focus { background: #1c75bc !important; color: #fff !important; }
.btn-outline-success:hover,
.btn-outline-success:focus { background: #1a9970 !important; color: #fff !important; }
.btn-outline-info:hover,
.btn-outline-info:focus { background: #299cdb !important; color: #fff !important; }
.btn-outline-danger:hover,
.btn-outline-danger:focus { background: #f06548 !important; color: #fff !important; }

.btn-soft-primary { border-color: transparent !important; background: rgba(28,117,188,.12) !important; color: #1c75bc !important; }
.btn-soft-success { border-color: transparent !important; background: rgba(26,153,112,.13) !important; color: #157d5c !important; }
.btn-soft-danger { border-color: transparent !important; background: rgba(240,101,72,.13) !important; color: #dc5236 !important; }
.btn-soft-info { border-color: transparent !important; background: rgba(41,156,219,.13) !important; color: #2388bf !important; }

.btn-xs {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 11px;
}

.btn-sm {
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
}

.btn-lg {
  min-height: 44px;
  padding: 10px 18px;
  font-size: 14px;
}

.btn-icon,
.header-icon,
.header-btn,
.btn-panel {
  display: inline-grid !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  place-items: center;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.header-icon,
.header-btn {
  border-color: transparent !important;
  background: transparent !important;
  color: #878a99 !important;
}

.header-icon:hover,
.header-btn:hover {
  border-color: transparent !important;
  background: #f3f6f9 !important;
  color: #1c75bc !important;
}

.btn-panel {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 4px !important;
}

.dxt-remix-icon {
  display: inline-block;
  flex: 0 0 auto;
  font-family: remixicon !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.btn .dxt-remix-icon,
.btn-xs .dxt-remix-icon,
.dropdown-item .dxt-remix-icon {
  font-size: 1.15em;
}

.nav-menu li a i.dxt-remix-icon:not(.collapse-sign) {
  display: inline-flex !important;
  width: 28px !important;
  height: auto !important;
  margin-right: 9px !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(222,235,245,.78) !important;
  font-size: 18px !important;
}

.nav-menu li a:hover i.dxt-remix-icon,
.nav-menu li.active > a i.dxt-remix-icon,
.nav-menu li.open > a i.dxt-remix-icon {
  background: transparent !important;
  color: #fff !important;
}

.nav-menu ul li a i.dxt-remix-icon {
  width: 22px !important;
  margin-right: 7px !important;
  font-size: 16px !important;
}

/* Add Requisition — Velzon-inspired floating-label layout */
.dxt-floating-form-shell {
  overflow: hidden;
  border: 1px solid #dce6ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(18,48,76,.08);
  animation: dxtCardIn .45s;
}

.dxt-floating-form-header {
  display: flex;
  min-height: 82px;
  padding: 18px 22px;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #e2eaf1;
  background: linear-gradient(105deg, #fff 0%, #f4f9fd 72%, #f1faf6 100%);
}

.dxt-floating-form-icon {
  display: inline-grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green));
  color: #fff;
  font-size: 17px;
  box-shadow: 0 8px 18px rgba(28,117,188,.2);
}

.dxt-floating-form-header h2 {
  margin: 0 !important;
  color: #20374c !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em;
}

.dxt-floating-form-header p {
  margin: 4px 0 0;
  color: #768799;
  font-size: 11px;
  line-height: 1.5;
}

.dxt-floating-form-body {
  padding: 22px 22px 24px;
  background: #fff;
}

.dxt-floating-form-shell #requisitionsForm > .row {
  margin-right: -8px;
  margin-left: -8px;
}

.dxt-floating-form-shell #requisitionsForm > .row > [class*="col-"] {
  padding: 8px !important;
}

.dxt-floating-form-shell #requisitionsForm > .row > [class*="col-md-3"] {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.dxt-floating-form-shell #requisitionsForm .form_field_text_title,
.dxt-floating-form-shell #requisitionsForm .form_field_text_requisition {
  flex: 0 0 50%;
  max-width: 50%;
}

.dxt-floating-form-shell #requisitionsForm .form-group {
  position: relative;
  min-height: 58px;
  margin: 0 !important;
}

.dxt-floating-form-shell #requisitionsForm .form-label:not(.no) {
  position: absolute;
  z-index: 4;
  top: 19px;
  left: 15px;
  max-width: calc(100% - 34px);
  margin: 0 !important;
  overflow: hidden;
  color: #637587;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  pointer-events: none;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  transform-origin: left top;
  transition: top .16s ease, color .16s ease, font-size .16s ease, font-weight .16s ease;
}

.dxt-floating-form-shell #requisitionsForm .form-label .text-danger {
  margin-left: 2px;
  font-size: 10px;
}

.dxt-floating-form-shell #requisitionsForm .form-control,
.dxt-floating-form-shell #requisitionsForm .select2-selection {
  width: 100%;
  min-height: 58px !important;
  padding: 22px 14px 7px !important;
  border: 1px solid #d5dee7 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #273b4e !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.35;
  box-shadow: none !important;
}

.dxt-floating-form-shell #requisitionsForm input.form-control::placeholder,
.dxt-floating-form-shell #requisitionsForm textarea.form-control::placeholder {
  color: transparent !important;
}

.dxt-floating-form-shell #requisitionsForm .form-group:has(.form-control:focus) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(input.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(textarea.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_select_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_multiselect_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_date_"] .form-label:not(.no) {
  top: 9px;
  color: var(--dxt-blue);
  font-size: 9px;
  font-weight: 700;
}

.dxt-floating-form-shell #requisitionsForm .form-control:focus,
.dxt-floating-form-shell #requisitionsForm .form-group:focus-within .select2-selection {
  border-color: var(--dxt-blue) !important;
  box-shadow: 0 0 0 3px rgba(28,117,188,.1) !important;
}

.dxt-floating-form-shell #requisitionsForm select.form-control {
  cursor: pointer;
  appearance: auto;
}

.dxt-floating-form-shell #requisitionsForm .select2-container {
  width: 100% !important;
  z-index: 1 !important;
}

.dxt-floating-form-shell #requisitionsForm .select2-selection__rendered {
  padding: 11px 24px 0 0 !important;
  color: #273b4e !important;
  line-height: 28px !important;
}

.dxt-floating-form-shell #requisitionsForm .select2-selection__arrow {
  top: 16px !important;
  right: 9px !important;
}

.dxt-floating-form-shell #requisitionsForm .input-group {
  min-height: 58px;
}

.dxt-floating-form-shell #requisitionsForm .input-group .form-control {
  padding-right: 48px !important;
}

.dxt-floating-form-shell #requisitionsForm .input-group-append {
  position: absolute;
  z-index: 5;
  top: 1px;
  right: 1px;
  bottom: 1px;
}

.dxt-floating-form-shell #requisitionsForm .input-group-text {
  width: 44px;
  height: 56px;
  padding: 0;
  justify-content: center;
  border: 0 !important;
  border-left: 1px solid #e1e8ef !important;
  border-radius: 0 7px 7px 0;
  background: #f7fafc !important;
  color: var(--dxt-blue);
}

.dxt-floating-form-shell #requisitionsForm textarea.form-control {
  min-height: 112px !important;
  padding-top: 28px !important;
  resize: vertical;
}

.dxt-floating-form-shell #requisitionsForm .form_field_textarea_skills .form-label:not(.no) {
  top: 10px;
  color: var(--dxt-blue);
  font-size: 9px;
  font-weight: 700;
}

.dxt-floating-form-shell #requisitionsForm .form_field_body_body {
  margin-top: 6px;
}

.dxt-floating-form-shell #requisitionsForm .form_field_body_body .form-label.no {
  margin: 0 0 9px !important;
  color: #344a5f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.dxt-floating-form-shell #requisitionsForm .note-editor {
  overflow: hidden;
  border: 1px solid #d5dee7 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.dxt-floating-form-shell #requisitionsForm .invalid-feedback {
  margin: 5px 0 0 4px;
  font-size: 9px;
}

.dxt-floating-form-shell #requisitionsForm > br,
.dxt-floating-form-shell #requisitionsForm > hr {
  display: none;
}

.dxt-floating-form-shell #requisitionsForm > .text-center {
  display: flex;
  margin-top: 14px;
  padding: 18px 8px 0 !important;
  justify-content: flex-end;
  border-top: 1px solid #e5ecf2;
}

.dxt-floating-form-shell #requisitionsForm #formSubmitButton {
  width: auto !important;
  min-width: 174px;
  min-height: 44px;
  margin: 0 !important;
  float: none !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green)) !important;
  box-shadow: 0 9px 20px rgba(28,117,188,.2) !important;
}

@media (max-width: 1199px) {
  .dxt-floating-form-shell #requisitionsForm > .row > [class*="col-md-3"] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .dxt-floating-form-header { padding: 16px; }
  .dxt-floating-form-body { padding: 12px; }
  .dxt-floating-form-shell #requisitionsForm > .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .dxt-floating-form-shell #requisitionsForm > .text-center { padding-right: 0 !important; padding-left: 0 !important; }
  .dxt-floating-form-shell #requisitionsForm #formSubmitButton { width: 100% !important; }
}

/* Page headings and breadcrumbs */
.subheader {
  align-items: center;
  margin-bottom: 20px;
}

.subheader-title {
  color: var(--dxt-ink) !important;
  font-size: clamp(1.35rem, 1.7vw, 1.85rem) !important;
  font-weight: 750 !important;
  letter-spacing: -.025em;
}

.subheader-title small {
  display: block;
  margin-top: 5px;
  color: var(--dxt-muted-2) !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}

.breadcrumb.page-breadcrumb {
  gap: 4px;
  padding: 7px 12px;
  border: 1px solid var(--dxt-line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 4px 12px rgba(22,52,83,.04);
}

/* Cards, panels and containers */
.page-content .card,
.page-content .panel,
.modal-content {
  border: 1px solid rgba(213, 225, 237, .9) !important;
  border-radius: 20px !important;
  background: var(--dxt-surface);
  box-shadow: var(--dxt-card-shadow) !important;
}

.page-content .card,
.page-content .panel {
  overflow: hidden;
  animation: dxtCardIn .48s both;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.page-content .card:hover,
.page-content .panel:hover {
  border-color: rgba(8,105,218,.2) !important;
  box-shadow: var(--dxt-lift-shadow) !important;
}

.card-header,
.panel-hdr {
  min-height: 58px;
  padding: 12px 18px !important;
  border-bottom: 1px solid #e4edf5 !important;
  background: linear-gradient(105deg, #f8fbfe 0%, #f2f8fd 64%, #f2fbf7 100%) !important;
}

.card-header.bg-light {
  background: linear-gradient(105deg, #f8fbfe 0%, #eef7ff 70%, #effbf6 100%) !important;
}

.card-header h5,
.panel-hdr h2,
.panel-hdr h2 span {
  color: #17304b !important;
  font-weight: 740 !important;
  letter-spacing: -.01em;
}

.card-header h5 > i,
.panel-hdr h2 > i {
  display: inline-grid;
  width: 34px;
  height: 34px;
  margin-right: 9px;
  place-items: center;
  border: 1px solid rgba(8,105,218,.1);
  border-radius: 11px;
  background: linear-gradient(135deg, rgba(8,105,218,.11), rgba(20,166,111,.1));
  color: var(--dxt-blue) !important;
}

.card-body,
.panel-content {
  padding: 21px !important;
}

.card-body label,
.form-label {
  color: #728397;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.form-control,
.custom-select,
.select2-selection {
  min-height: 42px;
  border-color: #d7e3ee !important;
  border-radius: 11px !important;
  background-color: #fbfdff !important;
  box-shadow: inset 0 1px 2px rgba(15,40,68,.025) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.form-control:focus,
.custom-select:focus,
.select2-container--focus .select2-selection {
  border-color: rgba(8,105,218,.65) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(8,105,218,.1) !important;
}

/* Buttons — filled actions always use accessible white labels */
.btn {
  min-height: 38px;
  padding: .48rem .88rem;
  border-radius: 11px !important;
  font-weight: 700;
  letter-spacing: .005em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  border-color: var(--dxt-blue) !important;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-blue-deep)) !important;
  box-shadow: 0 8px 18px rgba(8,105,218,.2);
}

.btn-success,
.btn-success.btn-outline-primary {
  border-color: var(--dxt-green-deep) !important;
  background: linear-gradient(135deg, var(--dxt-green), var(--dxt-green-deep)) !important;
  box-shadow: 0 8px 18px rgba(20,166,111,.2);
}

.btn-info {
  border-color: var(--dxt-green) !important;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green)) !important;
  box-shadow: 0 8px 18px rgba(28,117,188,.18);
}

.btn-primary,
.btn-primary *,
.btn-success,
.btn-success *,
.btn-success.btn-outline-primary,
.btn-success.btn-outline-primary *,
.btn-info,
.btn-info * {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.08);
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover {
  filter: saturate(1.08) brightness(1.04);
  box-shadow: 0 11px 23px rgba(8,105,218,.23);
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info {
  background: #fff !important;
  box-shadow: 0 5px 13px rgba(21,53,83,.055);
}

.btn-outline-primary { color: var(--dxt-blue) !important; border-color: rgba(8,105,218,.38) !important; }
.btn-outline-success { color: var(--dxt-green-deep) !important; border-color: rgba(20,166,111,.42) !important; }
.btn-outline-info { color: var(--dxt-green) !important; border-color: rgba(26,153,112,.4) !important; }

.btn-panel {
  width: 32px !important;
  height: 32px !important;
  margin-left: 5px !important;
  border: 1px solid rgba(8,105,218,.1) !important;
  border-radius: 10px !important;
  background: #eef6ff !important;
  color: var(--dxt-blue) !important;
  box-shadow: none !important;
}

.btn-panel.js-panel-close {
  border-color: rgba(216,58,86,.1) !important;
  background: #fff1f4 !important;
  color: #d83a56 !important;
}

/* Tables and data controls */
.dataTables_wrapper,
.table-responsive {
  overflow: hidden;
  border: 1px solid #dfe8f1;
  border-radius: 16px;
  background: #fff;
}

.dataTables_wrapper .row:first-child {
  padding: 14px 15px 10px;
  background: linear-gradient(90deg, #f8fbfe, #f3faf7);
  border-bottom: 1px solid #e6eef5;
}

.table {
  margin-bottom: 0 !important;
  color: #284057;
}

.table thead th {
  padding: .88rem .78rem !important;
  border-top: 0 !important;
  border-bottom: 1px solid #dce7f0 !important;
  background: #eef6fc !important;
  color: #345169 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.table tbody td {
  padding: .82rem .78rem !important;
  border-color: #e9f0f6 !important;
  vertical-align: middle !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #fbfdff !important;
}

.table-hover tbody tr:hover,
.table tbody tr:hover {
  background: linear-gradient(90deg, rgba(8,105,218,.045), rgba(20,166,111,.035)) !important;
}

.dataTables_filter input {
  min-width: 220px;
  border-radius: 11px !important;
}

.badge {
  padding: .42rem .62rem;
  border-radius: 8px;
  font-weight: 750;
  letter-spacing: .02em;
}

/* Polished modal and slide-over experiences */
.modal.show {
  backdrop-filter: blur(5px);
}

.modal-backdrop.show {
  opacity: .5 !important;
  background: #061322;
}

.modal .modal-content {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 28px 80px rgba(4,18,35,.28) !important;
}

.modal-dialog-left {
  display: flex;
  min-height: 100vh;
  margin: 0 auto 0 0 !important;
}

.modal-dialog-left .modal-content {
  min-height: 100vh;
  border-radius: 0 24px 24px 0 !important;
  animation: dxtDrawerIn .34s cubic-bezier(.22,.8,.28,1) both;
}

#openDialogSection .modal-dialog,
#openDialogSectionEdit .modal-dialog {
  width: min(760px, calc(100vw - 20px)) !important;
  max-width: 760px !important;
}

.modal .modal-header,
.modal .panel-hdr {
  min-height: 70px;
  padding: 15px 20px !important;
  border: 0 !important;
  background: linear-gradient(112deg, var(--dxt-blue) 0%, var(--dxt-blue) 54%, var(--dxt-green) 100%) !important;
}

.modal .modal-title,
.modal .modal-title *,
.modal .panel-hdr h2,
.modal .panel-hdr h2 *,
.modal .panel-hdr span {
  color: #fff !important;
}

.modal .modal-header .close,
.modal .panel-hdr .close,
.modal .panel-hdr .btn-panel {
  display: inline-grid;
  width: 38px !important;
  height: 38px !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  text-shadow: none;
  opacity: 1;
}

.modal-body,
.modal .panel-content {
  padding: 22px !important;
  background: #f5f9fc !important;
}

.modal-body h1,
.modal .panel-content h1 {
  position: relative;
  margin: 2px 0 24px !important;
  padding-bottom: 13px;
  color: var(--dxt-ink) !important;
  font-family: inherit !important;
  font-size: 25px !important;
  font-weight: 780 !important;
  letter-spacing: -.025em;
}

.modal-body h1::after,
.modal .panel-content h1::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 54px;
  height: 3px;
  content: "";
  border-radius: 99px;
  background: linear-gradient(90deg, var(--dxt-blue), var(--dxt-green));
}

.modal .panel-content > .btn-primary,
.modal .panel-content > a.btn-primary,
.modal-body > .btn-primary,
.modal-body > a.btn-primary {
  min-height: 42px;
  margin-bottom: 8px;
  border-radius: 12px !important;
}

.modal .table-responsive,
.modal .tab-content {
  border-radius: 14px;
}

.modal .tab-content {
  margin-top: 10px;
}

.modal table {
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #dce6ef;
  border-radius: 13px;
  background: #fff;
}

.modal table tbody td:first-child {
  width: 42%;
  background: linear-gradient(90deg, #f8fbfe, #f3f8fb);
  color: #284058;
  font-weight: 750;
}

.modal table tbody tr:nth-child(even) td:not(:first-child) {
  background: #fcfdff;
}

.modal table tbody tr:hover td {
  background: #eef8ff !important;
}

.modal .nav-tabs {
  gap: 6px;
  padding: 6px;
  border: 1px solid #dae6f0;
  border-radius: 13px;
  background: #edf4f9;
}

.modal .nav-tabs .nav-link {
  border: 0 !important;
  border-radius: 9px !important;
  color: #607489;
  font-weight: 700;
}

.modal .nav-tabs .nav-link.active {
  background: #fff !important;
  color: var(--dxt-blue) !important;
  box-shadow: 0 5px 14px rgba(23,59,91,.1);
}

/* Candidate workspace */
#config[page="requisition_candidate"] ~ .page-wrapper .subheader {
  padding: 18px 20px;
  border: 1px solid rgba(8,105,218,.12);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(255,255,255,.94), rgba(240,248,255,.94) 64%, rgba(238,251,245,.92));
  box-shadow: 0 10px 28px rgba(18,50,82,.06);
}

#config[page="requisition_candidate"] ~ .page-wrapper #cmsPageViewMainSection > .card:first-child {
  position: relative;
  border-top: 0 !important;
}

#config[page="requisition_candidate"] ~ .page-wrapper #cmsPageViewMainSection > .card:first-child::before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  content: "";
  background: linear-gradient(90deg, var(--dxt-blue), var(--dxt-green));
}

#config[page="requisition_candidate"] ~ .page-wrapper .process-timeline-root {
  padding: 18px !important;
  border: 1px solid #dfe9f2;
  border-radius: 18px;
  background: linear-gradient(160deg, #fbfdff, #f4f9fd 58%, #f2faf6) !important;
  box-shadow: inset 0 1px 0 #fff;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-header {
  margin: -18px -18px 17px;
  padding: 18px;
  border-bottom: 1px solid #dce7f0;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(112deg, var(--dxt-blue), var(--dxt-blue) 58%, var(--dxt-green));
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-title,
#config[page="requisition_candidate"] ~ .page-wrapper .pt-header * {
  color: #fff !important;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-stats {
  gap: 8px;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-stat {
  padding: 9px 10px !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 11px;
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-icon {
  border: 3px solid #fff !important;
  background: linear-gradient(135deg, var(--dxt-blue), var(--dxt-green)) !important;
  color: #fff !important;
  box-shadow: 0 7px 17px rgba(8,105,218,.24) !important;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-item:nth-child(even) .pt-icon {
  background: linear-gradient(135deg, var(--dxt-green), var(--dxt-blue)) !important;
  box-shadow: 0 7px 17px rgba(20,166,111,.22) !important;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-card {
  padding: 12px 13px !important;
  border: 1px solid #dfe8f1 !important;
  border-left: 4px solid #b8c9d9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(19,48,77,.055);
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-card.active {
  border-color: rgba(20,166,111,.28) !important;
  border-left-color: var(--dxt-green) !important;
  background: linear-gradient(110deg, #fff, #f0fbf6) !important;
  box-shadow: 0 9px 22px rgba(20,166,111,.11);
}

#config[page="requisition_candidate"] ~ .page-wrapper .col-md-9 > .card {
  border-color: #dbe6f0 !important;
}

@keyframes dxtCardIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dxtNavIn {
  from { opacity: 0; transform: translateX(-7px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes dxtDrawerIn {
  from { opacity: .55; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 992px) {
  .page-content { padding: 20px; }
  .page-header { min-height: 66px; padding: 0 16px; }
  .breadcrumb.page-breadcrumb { display: none; }
  #openDialogSection .modal-dialog,
  #openDialogSectionEdit .modal-dialog { width: calc(100vw - 10px) !important; }
}

@media (max-width: 576px) {
  .page-content { padding: 14px 11px 34px; }
  .subheader { align-items: flex-start; }
  .card-body, .panel-content, .modal-body { padding: 15px !important; }
  .modal-dialog-left .modal-content { border-radius: 0 18px 18px 0 !important; }
  .dataTables_filter input { min-width: 0; width: 100%; }
}

/* Add Requisition — Form Grid variant */
.dxt-floating-form-shell #requisitionsForm > .row > [class*="col-md-3"],
.dxt-floating-form-shell #requisitionsForm .form_field_text_title,
.dxt-floating-form-shell #requisitionsForm .form_field_text_requisition {
  flex: 0 0 50%;
  max-width: 50%;
}

.dxt-floating-form-shell #requisitionsForm .form_field_text_address,
.dxt-floating-form-shell #requisitionsForm .form_field_textarea_skills {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.dxt-floating-form-shell #requisitionsForm .form-group {
  min-height: 0;
}

.dxt-floating-form-shell #requisitionsForm .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(.form-control:focus) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(input.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(textarea.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_select_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_multiselect_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_date_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form_field_textarea_skills .form-label:not(.no) {
  position: static !important;
  display: block;
  max-width: none;
  margin: 0 0 7px !important;
  color: #263b4e !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0;
  line-height: 1.4;
  pointer-events: auto;
  text-transform: none;
  white-space: normal;
}

.dxt-floating-form-shell #requisitionsForm .form-control,
.dxt-floating-form-shell #requisitionsForm .select2-selection {
  min-height: 44px !important;
  height: 44px;
  padding: 10px 13px !important;
  border-radius: 5px !important;
  font-size: 11px !important;
}

.dxt-floating-form-shell #requisitionsForm input.form-control::placeholder,
.dxt-floating-form-shell #requisitionsForm textarea.form-control::placeholder {
  color: #8995a2 !important;
  opacity: 1;
}

.dxt-floating-form-shell #requisitionsForm .select2-selection__rendered {
  padding: 0 24px 0 0 !important;
  color: #657586 !important;
  line-height: 22px !important;
}

.dxt-floating-form-shell #requisitionsForm .select2-selection__arrow {
  top: 8px !important;
}

.dxt-floating-form-shell #requisitionsForm .input-group {
  min-height: 44px;
}

.dxt-floating-form-shell #requisitionsForm .input-group .form-control {
  padding: 10px 48px 10px 13px !important;
}

.dxt-floating-form-shell #requisitionsForm .input-group-text {
  height: 42px;
  border-radius: 0 5px 5px 0;
}

.dxt-floating-form-shell #requisitionsForm textarea.form-control {
  min-height: 96px !important;
  height: auto;
  padding: 11px 13px !important;
}

.dxt-floating-form-shell #requisitionsForm .invalid-feedback {
  margin-left: 0;
}

@media (max-width: 767px) {
  .dxt-floating-form-shell #requisitionsForm > .row > [class*="col-"],
  .dxt-floating-form-shell #requisitionsForm .form_field_text_address,
  .dxt-floating-form-shell #requisitionsForm .form_field_textarea_skills {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Add Requisition — Auto Sizing variant */
.dxt-floating-form-shell #requisitionsForm > .row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}

.dxt-floating-form-shell #requisitionsForm > .row > [class*="col-"] {
  flex: 1 1 245px !important;
  width: auto !important;
  min-width: 220px;
  max-width: none !important;
}

.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_title {
  flex: 2 1 390px !important;
  width: auto !important;
  max-width: none !important;
}

.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_requisition {
  flex: 1 1 260px !important;
  width: auto !important;
  max-width: none !important;
}

.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_location,
.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_languages,
.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_shift_timing {
  flex: 1.35 1 290px !important;
}

.dxt-floating-form-shell #requisitionsForm > .row > .form_field_select_client_id,
.dxt-floating-form-shell #requisitionsForm > .row > .form_field_text_address,
.dxt-floating-form-shell #requisitionsForm > .row > .form_field_textarea_skills,
.dxt-floating-form-shell #requisitionsForm > .row > .form_field_body_body,
.dxt-floating-form-shell #requisitionsForm > .row > .alertBlock {
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .dxt-floating-form-shell #requisitionsForm > .row > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
  }
}

/* Add Requisition — compact 12px form typography */
.dxt-floating-form-shell #requisitionsForm,
.dxt-floating-form-shell #requisitionsForm .form-label,
.dxt-floating-form-shell #requisitionsForm .form-control,
.dxt-floating-form-shell #requisitionsForm .select2-selection,
.dxt-floating-form-shell #requisitionsForm .select2-selection__rendered,
.dxt-floating-form-shell #requisitionsForm .select2-results__option,
.dxt-floating-form-shell #requisitionsForm .note-editor,
.dxt-floating-form-shell #requisitionsForm .note-editable,
.dxt-floating-form-shell #requisitionsForm .note-btn,
.dxt-floating-form-shell #requisitionsForm .invalid-feedback,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton {
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
}

.dxt-floating-form-shell #requisitionsForm input.form-control::placeholder,
.dxt-floating-form-shell #requisitionsForm textarea.form-control::placeholder {
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
}

.dxt-floating-form-shell #requisitionsForm .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(.form-control:focus) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(input.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form-group:has(textarea.form-control:not(:placeholder-shown)) > .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_select_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_multiselect_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm [class*="form_field_date_"] .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form_field_textarea_skills .form-label:not(.no),
.dxt-floating-form-shell #requisitionsForm .form_field_body_body .form-label.no {
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

/* Add Requisition editor — unclipped controls and Velzon-inspired dialogs */
.dxt-floating-form-shell #requisitionsForm .note-editor {
  overflow: visible !important;
}

.dxt-floating-form-shell #requisitionsForm .note-toolbar {
  position: relative;
  z-index: 20;
  border-radius: 8px 8px 0 0;
}

.dxt-floating-form-shell #requisitionsForm .note-editing-area,
.dxt-floating-form-shell #requisitionsForm .note-statusbar {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.dxt-floating-form-shell #requisitionsForm .note-statusbar {
  border-radius: 0 0 8px 8px;
}

.dxt-floating-form-shell #requisitionsForm .note-dropdown-menu {
  z-index: 1080 !important;
  max-height: min(320px, calc(100vh - 140px));
  padding: 8px !important;
  overflow-y: auto;
  border: 1px solid #e1e7ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, .16) !important;
}

.dxt-floating-form-shell #requisitionsForm .note-dropdown-item,
.dxt-floating-form-shell #requisitionsForm .note-dropdown-menu a {
  border-radius: 5px;
}

.note-modal.show {
  display: flex !important;
  padding: 24px !important;
  align-items: center;
  justify-content: center;
  overflow: auto;
  font-family: "Poppins", Arial, sans-serif !important;
}

.note-modal .modal-dialog {
  width: min(520px, calc(100vw - 32px));
  max-width: 520px;
  margin: auto !important;
}

.note-modal.show .modal-dialog {
  animation: dxtModalZoom .24s cubic-bezier(.2,.8,.2,1) both;
}

.note-modal .modal-content {
  overflow: hidden;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 24px 72px rgba(15, 23, 42, .26) !important;
}

.note-modal .modal-header {
  min-height: auto;
  padding: 19px 22px !important;
  align-items: center;
  border: 0 !important;
  border-bottom: 1px solid #e9edf3 !important;
  background: #fff !important;
}

.note-modal .modal-title,
.note-modal .modal-title * {
  margin: 0 !important;
  color: #212529 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.note-modal .modal-header .close {
  display: inline-grid;
  width: 34px;
  height: 34px;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-radius: 7px;
  background: #f3f6f9 !important;
  color: #667085 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

.note-modal .modal-header .close:hover {
  background: #e9f2f9 !important;
  color: #1c75bc !important;
}

.note-modal .modal-body {
  padding: 22px !important;
  color: #344054;
  font-size: 12px !important;
}

.note-modal .note-form-group {
  margin-bottom: 16px !important;
}

.note-modal .note-form-label,
.note-modal .form-check-label {
  margin-bottom: 7px !important;
  color: #344054;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700;
}

.note-modal .note-form-control {
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #d7dee8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #23364a !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.note-modal .note-form-control:focus {
  border-color: #1c75bc !important;
  box-shadow: 0 0 0 3px rgba(28,117,188,.12) !important;
}

.note-modal .modal-footer {
  padding: 14px 22px !important;
  border-top: 1px solid #e9edf3 !important;
  background: #f8fafc !important;
}

.note-modal .note-btn-primary {
  min-height: 38px;
  padding: 8px 17px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #1c75bc !important;
  color: #fff !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 7px 16px rgba(28,117,188,.2) !important;
}

.note-modal .note-btn-primary:hover:not(:disabled) {
  background: #1a9970 !important;
}

.note-modal .note-btn-primary:disabled,
.note-modal .note-btn-primary.disabled {
  opacity: .55;
  box-shadow: none !important;
}

@keyframes dxtModalZoom {
  from { opacity: 0; transform: scale(.96) translateY(8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

@media (max-width: 576px) {
  .note-modal.show {
    padding: 12px !important;
    align-items: flex-end;
  }

  .note-modal .modal-dialog {
    width: 100%;
    max-width: none;
  }

  .note-modal .modal-content {
    border-radius: 12px 12px 6px 6px !important;
  }
}

/* DXT full-featured Jodit editor */
.dxt-floating-form-shell #requisitionsForm .jodit-container {
  overflow: hidden;
  border: 1px solid #d5dee7 !important;
  border-radius: 10px !important;
  background: #fff;
  color: #24384c;
  font-family: "Poppins", Arial, sans-serif !important;
  box-shadow: 0 8px 24px rgba(15, 52, 82, .06) !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar__box {
  position: relative;
  z-index: 30;
  border: 0 !important;
  border-bottom: 1px solid #dfe7ef !important;
  background: linear-gradient(105deg, #f7fbff 0%, #f4f8fc 64%, #f0faf5 100%) !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-editor-collection {
  padding: 9px 10px !important;
  gap: 3px;
  background: transparent !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-button__button,
.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select__button {
  min-width: 34px;
  min-height: 34px;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  color: #40566b !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-button__button:hover,
.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select__button:hover,
.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-button_pressed_true .jodit-toolbar-button__button {
  border-color: #cfe0ee !important;
  background: #eaf4fb !important;
  color: #1c75bc !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-button__icon,
.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select__icon {
  fill: currentColor !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select_font {
  min-width: 150px;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select_fontsize {
  min-width: 74px;
}

.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select_font .jodit-toolbar-select__text,
.dxt-floating-form-shell #requisitionsForm .jodit-toolbar-select_fontsize .jodit-toolbar-select__text {
  color: #24384c !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600;
  white-space: nowrap;
}

.dxt-floating-form-shell #requisitionsForm .jodit-workplace {
  border: 0 !important;
  background: #fff !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg,
.dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg_iframe {
  min-height: 300px !important;
  padding: 18px !important;
  background: #fff !important;
  color: #24384c !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg p {
  margin: 0 0 4px !important;
  line-height: inherit;
}

.dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg p:last-child {
  margin-bottom: 0 !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper .page-content {
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 95% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #cmsPageViewMainSection,
#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-shell,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm {
  width: 100% !important;
  max-width: none !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Add Requisition — force the complete card chain to fill the content area */
#config[page="requisitions"][key="add"] ~ .page-wrapper .page-content-wrapper,
#config[page="requisitions"][key="add"] ~ .page-wrapper #cmsPageViewMainSection,
#config[page="requisitions"][key="add"] ~ .page-wrapper #cmsPageViewMainSection > *,
#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-shell,
#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-header,
#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-body,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm .card,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm .panel {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-shell {
  display: block;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* DXT application pages — use the complete viewport width beside the sidebar */
body:not(:has(.dxt-login-shell)) .page-content-wrapper,
body:not(:has(.dxt-login-shell)) #js-page-content,
body:not(:has(.dxt-login-shell)) #cmsPageViewMainSection {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

body:not(:has(.dxt-login-shell)) #js-page-content {
  width: 95% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body:not(:has(.dxt-login-shell)) #cmsPageViewMainSection > .card,
body:not(:has(.dxt-login-shell)) #cmsPageViewMainSection > .panel,
body:not(:has(.dxt-login-shell)) #cmsPageViewMainSection > section {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}

.dxt-floating-form-shell #requisitionsForm .jodit-status-bar {
  min-height: 32px;
  padding: 5px 10px !important;
  border: 0 !important;
  border-top: 1px solid #e5ebf1 !important;
  background: #f8fafc !important;
  color: #708196 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 11px !important;
}

.jodit-popup {
  z-index: 1080 !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 9px !important;
  background: #fff !important;
  font-family: "Poppins", Arial, sans-serif !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .18) !important;
}

.jodit-dialog__overlay {
  background: rgba(8, 20, 35, .58) !important;
  backdrop-filter: blur(5px);
}

.jodit-dialog__panel {
  overflow: hidden;
  border: 0 !important;
  border-radius: 9px !important;
  background: #fff !important;
  font-family: "Poppins", Arial, sans-serif !important;
  box-shadow: 0 28px 80px rgba(4, 18, 35, .3) !important;
}

.jodit-dialog__header {
  min-height: 66px;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e7edf3 !important;
  background: #fff !important;
}

.jodit-dialog__header-title {
  color: #212529 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.jodit-dialog__content {
  padding: 20px !important;
  color: #344054 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
}

.jodit-dialog__footer {
  padding: 13px 20px !important;
  border-top: 1px solid #e7edf3 !important;
  background: #f8fafc !important;
}

.jodit-dialog input,
.jodit-dialog textarea,
.jodit-dialog select,
.jodit-input {
  border: 1px solid #d7dee8 !important;
  border-radius: 6px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.jodit-dialog input:focus,
.jodit-dialog textarea:focus,
.jodit-dialog select:focus,
.jodit-input:focus {
  border-color: #1c75bc !important;
  box-shadow: 0 0 0 3px rgba(28,117,188,.12) !important;
}

.jodit-ui-button_variant_primary,
.jodit-ui-button-variants_variant_primary {
  border-color: #1c75bc !important;
  background: #1c75bc !important;
  color: #fff !important;
}

.jodit-ui-button_variant_primary:hover,
.jodit-ui-button-variants_variant_primary:hover {
  border-color: #1a9970 !important;
  background: #1a9970 !important;
}

.jodit_fullsize,
.jodit_fullsize-box_true {
  z-index: 100000 !important;
}

.dxt-floating-form-shell:has(.jodit_fullsize) {
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
}

@media (max-width: 767px) {
  .dxt-floating-form-shell #requisitionsForm .jodit-toolbar-editor-collection {
    padding: 7px !important;
  }

  .dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg,
  .dxt-floating-form-shell #requisitionsForm .jodit-wysiwyg_iframe {
    min-height: 260px !important;
    padding: 14px !important;
  }

  .jodit-dialog__panel {
    width: calc(100vw - 20px) !important;
    max-width: none !important;
  }
}

/* Keep the Velzon button treatment last in the cascade. */
.btn,
button.btn,
a.btn,
.btn-xs {
  border-radius: 4px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-primary,
.btn-primary.btn-xs,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-primary {
  border-color: #1c75bc !important;
  background: #1c75bc !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-success,
.btn-success.btn-outline-primary,
.dxt-floating-form-shell #requisitionsForm #formSubmitButton.btn-success {
  border-color: #1a9970 !important;
  background: #1a9970 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-info {
  border-color: #299cdb !important;
  background: #299cdb !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus { border-color: #17639e !important; background: #17639e !important; filter: none !important; }
.btn-success:hover,
.btn-success:focus { border-color: #157d5c !important; background: #157d5c !important; filter: none !important; }
.btn-info:hover,
.btn-info:focus { border-color: #2388bf !important; background: #2388bf !important; filter: none !important; }

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-danger {
  background: transparent !important;
  box-shadow: none !important;
}

.btn-icon,
.header-icon,
.header-btn {
  border-radius: 50% !important;
  box-shadow: none !important;
}

body .page-header .header-icon,
body .page-header .header-btn,
body .page-header .header-btn.btn {
  border-radius: 50% !important;
}

.btn-panel {
  border-radius: 4px !important;
  box-shadow: none !important;
}

.nav-menu li a i.dxt-remix-icon:not(.collapse-sign) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: remixicon !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* Candidate timeline — neutral icon surfaces */
#config[page="requisition_candidate"] ~ .page-wrapper .pt-icon,
#config[page="requisition_candidate"] ~ .page-wrapper .pt-item:nth-child(even) .pt-icon {
  border: 1px solid #d7e0e9 !important;
  background: #fff !important;
  color: #526173 !important;
  box-shadow: 0 4px 12px rgba(24, 48, 72, .10) !important;
}

#config[page="requisition_candidate"] ~ .page-wrapper .pt-icon.pulse {
  border-color: #c7d2dd !important;
  background: #f3f6f9 !important;
  box-shadow: 0 0 0 5px rgba(148, 163, 184, .13), 0 4px 12px rgba(24, 48, 72, .10) !important;
}

/* Filled green actions always carry white labels and icons. */
body .btn.btn-success,
body button.btn-success,
body a.btn-success,
body .btn[class*="bg-success"],
body button[class*="bg-success"],
body a[class*="bg-success"] {
  border-color: #1a9970 !important;
  background: #1a9970 !important;
  color: #fff !important;
}

body .btn.btn-success *,
body button.btn-success *,
body a.btn-success *,
body .btn[class*="bg-success"] *,
body button[class*="bg-success"] *,
body a[class*="bg-success"] * {
  color: #fff !important;
  fill: currentColor !important;
}

/* DXT motion menu — custom frosted navigation treatment */
.page-sidebar {
  background-image:
    radial-gradient(circle at 18% 5%, rgba(255,255,255,.10), transparent 18rem),
    radial-gradient(circle at 82% 78%, rgba(26,153,112,.13), transparent 23rem),
    linear-gradient(180deg, #05406f 0%, #07385f 100%) !important;
}

.nav-menu {
  padding: 10px 11px 28px !important;
}

.nav-menu > li {
  margin: 4px 0 !important;
  border-radius: 12px !important;
  opacity: 0;
  transform: translateX(-10px);
  animation: dxtMenuReveal .42s cubic-bezier(.2,.8,.2,1) forwards !important;
}

.nav-menu > li:nth-child(2) { animation-delay: .035s !important; }
.nav-menu > li:nth-child(3) { animation-delay: .07s !important; }
.nav-menu > li:nth-child(4) { animation-delay: .105s !important; }
.nav-menu > li:nth-child(5) { animation-delay: .14s !important; }
.nav-menu > li:nth-child(6) { animation-delay: .175s !important; }
.nav-menu > li:nth-child(7) { animation-delay: .21s !important; }
.nav-menu > li:nth-child(8) { animation-delay: .245s !important; }
.nav-menu > li:nth-child(n+9) { animation-delay: .28s !important; }

.nav-menu li > a {
  display: flex !important;
  min-height: 46px;
  padding: 6px 10px !important;
  align-items: center;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(231,240,247,.82) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  transform: translateX(0);
  transition: transform .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.nav-menu li > a .nav-link-text {
  min-width: 0;
  align-items: center;
  color: inherit !important;
  white-space: normal;
}

.nav-menu li > a:hover {
  border-color: rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.nav-menu li > a i.dxt-remix-icon:not(.collapse-sign) {
  display: inline-grid !important;
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.09) !important;
  color: rgba(240,246,250,.88) !important;
  font-size: 18px !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), color .2s ease, background-color .2s ease, border-color .2s ease !important;
}

.nav-menu li > a:hover i.dxt-remix-icon:not(.collapse-sign) {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  transform: translateY(-1px) rotate(-4deg) scale(1.06);
}

.nav-menu li.active > a,
.nav-menu li.open > a {
  border-color: rgba(255,255,255,.17) !important;
  background: linear-gradient(100deg, rgba(255,255,255,.17), rgba(255,255,255,.07)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 22px rgba(1,18,34,.17) !important;
  animation: dxtMenuActiveGlow 3.2s ease-in-out infinite;
}

.nav-menu li.active > a::before {
  top: 10px !important;
  bottom: 10px !important;
  left: -2px !important;
  width: 3px !important;
  border-radius: 0 8px 8px 0 !important;
  background: #68e4b5 !important;
  box-shadow: 0 0 12px rgba(104,228,181,.62) !important;
}

.nav-menu li.active > a i.dxt-remix-icon:not(.collapse-sign),
.nav-menu li.open > a i.dxt-remix-icon:not(.collapse-sign) {
  border-color: #fff !important;
  background: #fff !important;
  color: #05406f !important;
  transform: scale(1.03);
}

.nav-menu ul {
  position: relative;
  margin: 5px 4px 9px 17px !important;
  padding: 5px 4px 5px 12px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nav-menu ul li > a {
  min-height: 39px !important;
  padding: 4px 8px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

.nav-menu ul li > a i.dxt-remix-icon:not(.collapse-sign) {
  flex-basis: 28px;
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
}

@keyframes dxtMenuReveal {
  to { opacity: 1; transform: translateX(0); }
}

@keyframes dxtMenuActiveGlow {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 22px rgba(1,18,34,.17); }
  50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 8px 26px rgba(26,153,112,.16); }
}

@media (prefers-reduced-motion: reduce) {
  .nav-menu > li,
  .nav-menu li.active > a,
  .nav-menu li.open > a {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* Dashboard — modern shortcut cards and analysis surfaces */
#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"] > .panel {
  overflow: hidden;
  border: 1px solid #dfe8f1 !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(5, 64, 111, .07) !important;
  transform: translateY(10px);
  opacity: 0;
  animation: dxtDashboardPanelIn .48s cubic-bezier(.2, .8, .2, 1) forwards;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}

#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"]:nth-child(2) > .panel { animation-delay: .06s; }
#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"]:nth-child(3) > .panel { animation-delay: .12s; }
#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"]:nth-child(4) > .panel { animation-delay: .18s; }
#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"]:nth-child(n+5) > .panel { animation-delay: .24s; }

#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"] > .panel:hover {
  border-color: #cdddea !important;
  box-shadow: 0 14px 34px rgba(5, 64, 111, .11) !important;
  transform: translateY(-2px);
}

#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"] > .panel > .panel-hdr {
  min-height: 58px;
  padding: 0 18px !important;
  border-bottom: 1px solid #e8eef4 !important;
  background: linear-gradient(100deg, #f7fbff 0%, #fff 52%, #f5fbf8 100%) !important;
}

#config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"] > .panel > .panel-hdr::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #1c75bc 0%, #1c75bc 54%, #1a9970 100%);
  content: "";
}

#config[page="dashboard"] ~ .page-wrapper .panel-hdr h2 {
  min-width: 0;
  margin-right: 6px !important;
  color: #15324b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em;
}

#config[page="dashboard"] ~ .page-wrapper .panel-hdr h2::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 9px;
  border-radius: 50%;
  background: #1a9970;
  box-shadow: 0 0 0 4px rgba(26, 153, 112, .11);
  content: "";
  vertical-align: 1px;
}

#config[page="dashboard"] ~ .page-wrapper .panel-hdr .panel-toolbar {
  flex: 0 0 auto;
}

#config[page="dashboard"] ~ .page-wrapper .panel-hdr .btn-panel,
#config[page="dashboard"] ~ .page-wrapper .panel-hdr .btn-toolbar-master {
  display: inline-grid !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid #e1e9f1 !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.72) !important;
  color: #6a7c8f !important;
  transition: color .2s ease, transform .2s ease !important;
}

#config[page="dashboard"] ~ .page-wrapper .panel-hdr .btn-panel:hover,
#config[page="dashboard"] ~ .page-wrapper .panel-hdr .btn-toolbar-master:hover {
  border-color: rgba(28,117,188,.25) !important;
  background: #fff !important;
  color: #1c75bc !important;
  transform: translateY(-1px);
}

#config[page="dashboard"] ~ .page-wrapper .panel-content {
  padding: 18px !important;
}

#panel-dashboard_shortcute .panel-content {
  padding-bottom: 3px !important;
}

#panel-dashboard_shortcute .dxt-shortcut-column {
  display: flex;
}

#panel-dashboard_shortcute .dxt-shortcut-card {
  position: relative;
  display: flex;
  width: 100% !important;
  min-height: 116px;
  padding: 20px !important;
  align-items: center;
  overflow: hidden;
  border: 1px solid #dce7f0 !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #fff 0%, #f5faff 100%) !important;
  box-shadow: 0 7px 22px rgba(5, 64, 111, .075) !important;
  color: #17324d !important;
  transform: translateY(8px);
  opacity: 0;
  animation: dxtShortcutCardIn .5s cubic-bezier(.2, .8, .2, 1) forwards;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), border-color .24s ease, box-shadow .24s ease !important;
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(2) .dxt-shortcut-card { animation-delay: .055s; }
#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(3) .dxt-shortcut-card { animation-delay: .11s; }
#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(4) .dxt-shortcut-card { animation-delay: .165s; }
#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(5) .dxt-shortcut-card { animation-delay: .22s; }
#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(6) .dxt-shortcut-card { animation-delay: .275s; }
#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(n+7) .dxt-shortcut-card { animation-delay: .33s; }

#panel-dashboard_shortcute .dxt-shortcut-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #1c75bc 0%, #4a9bdb 100%);
  content: "";
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-card {
  background: linear-gradient(145deg, #fff 0%, #f2fbf7 100%) !important;
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-card::before {
  background: linear-gradient(90deg, #1a9970 0%, #53b995 100%);
}

#panel-dashboard_shortcute .dxt-shortcut-card::after {
  position: absolute;
  right: -28px;
  bottom: -38px;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background: rgba(28, 117, 188, .045);
  content: "";
  transition: transform .35s ease, background-color .35s ease;
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-card::after {
  background: rgba(26, 153, 112, .05);
}

#panel-dashboard_shortcute .dxt-shortcut-card:hover {
  border-color: rgba(28, 117, 188, .30) !important;
  box-shadow: 0 15px 32px rgba(5, 64, 111, .14) !important;
  transform: translateY(-5px);
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-card:hover {
  border-color: rgba(26, 153, 112, .32) !important;
}

#panel-dashboard_shortcute .dxt-shortcut-card:hover::after {
  transform: scale(1.28);
}

#panel-dashboard_shortcute .dxt-shortcut-card-link {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(100% - 70px);
  min-height: 74px;
  align-items: center;
  color: inherit !important;
  text-decoration: none !important;
}

#panel-dashboard_shortcute .dxt-shortcut-card h3,
#panel-dashboard_shortcute .page-content .bg-fusion-gradient h3 {
  margin: 0 !important;
  color: #17324d !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.035em;
}

#panel-dashboard_shortcute .dxt-shortcut-card h3 small {
  display: block;
  margin-top: 10px !important;
  color: #687a8d !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em;
}

#panel-dashboard_shortcute .dxt-shortcut-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 18px;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(28, 117, 188, .12);
  border-radius: 15px;
  background: #eaf4fc !important;
  color: #1c75bc !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
  font-size: 26px !important;
  line-height: 1;
  transform: translateY(-50%);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), background-color .25s ease, color .25s ease !important;
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-icon {
  border-color: rgba(26, 153, 112, .14);
  background: #e8f7f1 !important;
  color: #1a9970 !important;
}

#panel-dashboard_shortcute .dxt-shortcut-card:hover .dxt-shortcut-icon {
  background: #1c75bc !important;
  color: #fff !important;
  transform: translateY(-50%) rotate(-5deg) scale(1.07);
}

#panel-dashboard_shortcute .dxt-shortcut-column:nth-child(even) .dxt-shortcut-card:hover .dxt-shortcut-icon {
  background: #1a9970 !important;
}

@keyframes dxtDashboardPanelIn {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dxtShortcutCardIn {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767.98px) {
  #config[page="dashboard"] ~ .page-wrapper .panel-content {
    padding: 14px !important;
  }

  #panel-dashboard_shortcute .dxt-shortcut-card {
    min-height: 106px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #config[page="dashboard"] ~ .page-wrapper #cmsPageViewMainSection > .row > [class*="col-"] > .panel,
  #panel-dashboard_shortcute .dxt-shortcut-card {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* DXT navigation motion system */
.page-sidebar {
  isolation: isolate;
  transition: width .28s cubic-bezier(.2,.8,.2,1), transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease !important;
}

.page-sidebar::before {
  position: absolute;
  z-index: 0;
  top: -110px;
  left: -95px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 151, 225, .24) 0%, rgba(42, 151, 225, .08) 43%, transparent 72%);
  content: "";
  pointer-events: none;
  animation: dxtSidebarAura 10s ease-in-out infinite alternate;
}

.page-logo .page-logo-link {
  overflow: hidden;
  border-radius: 14px;
  transition: background-color .22s ease, transform .22s cubic-bezier(.2,.8,.2,1) !important;
}

.page-logo .page-logo-link::after {
  position: absolute;
  top: -35%;
  left: -45%;
  width: 38%;
  height: 170%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(18deg) translateX(-140%);
  transition: transform .65s cubic-bezier(.2,.8,.2,1);
}

.page-logo .page-logo-link:hover {
  background: rgba(255,255,255,.055) !important;
  transform: translateY(-1px);
}

.page-logo .page-logo-link:hover::after {
  transform: rotate(18deg) translateX(440%);
}

.info-card {
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s cubic-bezier(.2,.8,.2,1) !important;
}

.info-card:hover {
  border-color: rgba(255,255,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 17px 34px rgba(0,0,0,.17) !important;
  transform: translateY(-2px);
}

.info-card::before {
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease !important;
}

.info-card:hover::before {
  box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 0 5px rgba(255,255,255,.045) !important;
  transform: rotate(-4deg) scale(1.04);
}

.nav-menu li > a {
  isolation: isolate;
  overflow: hidden;
}

.nav-menu > li > a::after {
  position: absolute;
  z-index: -1;
  top: -45%;
  left: -52%;
  width: 38%;
  height: 190%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(17deg) translateX(-150%);
  transition: transform .58s cubic-bezier(.2,.8,.2,1);
}

.nav-menu > li > a:hover::after {
  transform: rotate(17deg) translateX(520%);
}

.nav-menu > li.active > a,
.nav-menu > li.open > a {
  background-image: linear-gradient(110deg, rgba(255,255,255,.18), rgba(255,255,255,.07), rgba(26,153,112,.19), rgba(255,255,255,.12)) !important;
  background-size: 220% 100% !important;
  animation: dxtMenuActiveFlow 5.5s ease-in-out infinite !important;
}

.nav-menu > li.active > a::before {
  animation: dxtMenuRailPulse 2.4s ease-in-out infinite;
}

.nav-menu li > a .collapse-sign {
  transition: transform .24s cubic-bezier(.2,.8,.2,1), color .2s ease !important;
}

.nav-menu li.open > a .collapse-sign {
  color: #7ee6bd !important;
  transform: rotate(180deg);
}

.nav-menu li.open > ul {
  transform-origin: top center;
  animation: dxtSubmenuReveal .3s cubic-bezier(.2,.8,.2,1) both;
}

.nav-menu ul li > a {
  transition: padding-left .2s ease, color .2s ease, background-color .2s ease, transform .2s ease !important;
}

.nav-menu ul li > a:hover {
  padding-left: 12px !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
}

.nav-menu ul li.active > a {
  border-color: rgba(112,224,184,.20) !important;
  background: rgba(26,153,112,.16) !important;
  box-shadow: inset 3px 0 0 #6be0b7 !important;
}

.nav-footer {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(4,47,81,.86) !important;
  backdrop-filter: blur(15px);
}

.nav-footer .nav-footer-buttons a {
  display: inline-grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(231,242,249,.72) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), background-color .22s ease, color .22s ease, border-color .22s ease !important;
}

.nav-footer .nav-footer-buttons a:hover {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.13) !important;
  color: #75e1b9 !important;
  transform: translateY(-3px) scale(1.04) !important;
}

.page-header {
  overflow: visible;
  background-image: linear-gradient(105deg, rgba(255,255,255,.97) 0%, rgba(247,251,255,.96) 55%, rgba(244,251,248,.96) 100%) !important;
}

.page-header .search {
  transition: width .3s cubic-bezier(.2,.8,.2,1), transform .3s cubic-bezier(.2,.8,.2,1) !important;
}

.page-header .search .form-control {
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.page-header .search .form-control:focus {
  border-color: rgba(28,117,188,.42) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(28,117,188,.085), 0 9px 22px rgba(5,64,111,.08) !important;
  transform: translateY(-1px);
}

body .page-header .header-icon,
body .page-header .header-btn,
body .page-header .header-btn.btn {
  position: relative;
  overflow: hidden;
  transition: transform .22s cubic-bezier(.2,.8,.2,1), background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}

body .page-header .header-icon:hover,
body .page-header .header-btn:hover,
body .page-header .header-btn.btn:hover {
  background: #edf6fc !important;
  color: #1c75bc !important;
  box-shadow: 0 7px 18px rgba(5,64,111,.10) !important;
  transform: translateY(-2px) !important;
}

body .page-header .header-icon > i,
body .page-header .header-btn > i {
  transition: transform .25s cubic-bezier(.2,.8,.2,1) !important;
}

body .page-header .header-icon:hover > i,
body .page-header .header-btn:hover > i {
  transform: rotate(-8deg) scale(1.08);
}

.page-header .dxt-profile-trigger,
.page-header .dxt-profile-trigger[data-toggle="dropdown"] {
  transition: background-color .22s ease, box-shadow .22s ease, transform .22s cubic-bezier(.2,.8,.2,1) !important;
}

.page-header .dxt-profile-trigger:hover,
.page-header .dxt-profile-menu.show .dxt-profile-trigger {
  transform: translateY(-1px) !important;
}

.page-header .dropdown-menu.show,
.dxt-profile-dropdown.show {
  transform-origin: top right !important;
  animation: dxtHeaderDropdownIn .24s cubic-bezier(.2,.8,.2,1) both !important;
}

@keyframes dxtSidebarAura {
  0% { transform: translate3d(-12px, -8px, 0) scale(.96); opacity: .62; }
  100% { transform: translate3d(90px, 180px, 0) scale(1.18); opacity: 1; }
}

@keyframes dxtMenuActiveFlow {
  0%, 100% { background-position: 0% 50%; box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 22px rgba(1,18,34,.17); }
  50% { background-position: 100% 50%; box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 10px 27px rgba(26,153,112,.18); }
}

@keyframes dxtMenuRailPulse {
  0%, 100% { opacity: .72; box-shadow: 0 0 8px rgba(104,228,181,.45) !important; }
  50% { opacity: 1; box-shadow: 0 0 17px rgba(104,228,181,.88) !important; }
}

@keyframes dxtSubmenuReveal {
  from { opacity: 0; transform: translateY(-7px) scaleY(.96); }
  to { opacity: 1; transform: translateY(0) scaleY(1); }
}

@keyframes dxtHeaderDropdownIn {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .page-sidebar::before,
  .nav-menu > li.active > a,
  .nav-menu > li.open > a,
  .nav-menu > li.active > a::before,
  .nav-menu li.open > ul,
  .page-header .dropdown-menu.show,
  .dxt-profile-dropdown.show {
    animation: none !important;
  }
}

/* Top utility menu — glass dock with purpose-built motion */
.page-header > .ml-auto.d-flex {
  min-height: 58px;
  padding: 5px 6px !important;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(28,117,188,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 24px rgba(5,64,111,.065), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(14px) saturate(140%);
}

.page-header > .ml-auto.d-flex > div {
  display: flex;
  align-items: center;
}

.page-header > a.header-icon[title="reload"] {
  width: 43px !important;
  min-width: 43px !important;
  height: 43px !important;
  min-height: 43px !important;
  margin-right: 9px;
  border: 1px solid rgba(28,117,188,.13) !important;
  background: linear-gradient(145deg, #f7fbff, #eaf4fc) !important;
  color: #1c75bc !important;
  box-shadow: 0 7px 18px rgba(5,64,111,.08) !important;
}

.page-header > a.header-icon[title="reload"]::after {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1a9970;
  content: "";
}

.page-header > a.header-icon[title="reload"]:hover > i {
  animation: dxtReloadSpin .62s cubic-bezier(.2,.8,.2,1);
}

.page-header #settingsPanelOpen,
.page-header #myapps,
.page-header #notification,
.page-header #chatBoxIcon {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 1px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #63788d !important;
}

.page-header #settingsPanelOpen:hover,
.page-header #myapps:hover,
.page-header #notification:hover,
.page-header #chatBoxIcon:hover {
  border-color: rgba(28,117,188,.12) !important;
  background: linear-gradient(145deg, #f5faff, #edf6fc) !important;
  color: #1c75bc !important;
  box-shadow: 0 7px 17px rgba(5,64,111,.075) !important;
}

.page-header #settingsPanelOpen:hover > i {
  transform: rotate(95deg) scale(1.08) !important;
}

.page-header #myapps:hover > i {
  transform: translateY(-2px) rotate(-5deg) scale(1.08) !important;
}

.page-header #notification::after {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1a9970;
  box-shadow: 0 0 0 0 rgba(26,153,112,.32);
  content: "";
  animation: dxtNotificationPulse 2.2s ease-out infinite;
}

.page-header #notification:hover > i {
  animation: dxtBellRing .62s ease-in-out;
  transform-origin: 50% 12%;
}

.page-header .dxt-profile-menu {
  margin-left: 3px;
}

.page-header .dxt-profile-trigger,
.page-header .dxt-profile-trigger[data-toggle="dropdown"] {
  min-width: 176px;
  height: 48px !important;
  padding: 5px 10px 5px 7px !important;
  border: 1px solid rgba(28,117,188,.09) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #f5f8fb, #eef3f7) !important;
}

.page-header .dxt-profile-trigger:hover,
.page-header .dxt-profile-menu.show .dxt-profile-trigger {
  border-color: rgba(26,153,112,.18) !important;
  background: linear-gradient(145deg, #f3faf7, #eaf6f1) !important;
  box-shadow: 0 7px 17px rgba(5,64,111,.075), inset 0 -2px 0 #1a9970 !important;
}

.page-header .dxt-profile-trigger:hover .dxt-profile-avatar,
.page-header .dxt-profile-menu.show .dxt-profile-avatar {
  transform: rotate(-4deg) scale(1.04);
}

.page-header .dxt-profile-avatar {
  transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s ease !important;
}

@keyframes dxtReloadSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes dxtBellRing {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(13deg); }
  40% { transform: rotate(-11deg); }
  60% { transform: rotate(7deg); }
  80% { transform: rotate(-4deg); }
}

@keyframes dxtNotificationPulse {
  0% { box-shadow: 0 0 0 0 rgba(26,153,112,.35); }
  70%, 100% { box-shadow: 0 0 0 7px rgba(26,153,112,0); }
}

@media (max-width: 767.98px) {
  .page-header > .ml-auto.d-flex {
    min-height: 50px;
    padding: 3px 4px !important;
    border-radius: 15px;
  }

  .page-header .dxt-profile-trigger,
  .page-header .dxt-profile-trigger[data-toggle="dropdown"] {
    min-width: 42px;
    width: 42px !important;
    height: 42px !important;
    padding: 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-header > a.header-icon[title="reload"]:hover > i,
  .page-header #notification::after,
  .page-header #notification:hover > i {
    animation: none !important;
  }
}

/* DXT notification center */
.page-header .dxt-notification-center {
  width: 420px !important;
  max-width: calc(100vw - 22px) !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #dce7f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 22px 58px rgba(10,42,70,.20), 0 4px 14px rgba(10,42,70,.07) !important;
}

.dxt-notification-header {
  position: relative;
  display: grid;
  min-height: 78px;
  padding: 14px 16px;
  grid-template-columns: 44px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 0%, rgba(255,255,255,.15), transparent 8rem),
    linear-gradient(120deg, #1769aa 0%, #1c75bc 46%, #1a9970 100%);
  color: #fff;
}

.dxt-notification-header::after {
  position: absolute;
  right: -25px;
  bottom: -48px;
  width: 135px;
  height: 135px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 50%;
  content: "";
}

.dxt-notification-header-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-size: 21px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.dxt-notification-header-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.dxt-notification-header-copy strong {
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
}

.dxt-notification-header-copy small {
  margin-top: 3px;
  color: rgba(255,255,255,.74);
  font-size: 10px;
  font-weight: 400;
}

.dxt-notification-count {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 29px;
  height: 29px;
  padding: 0 8px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 10px;
  background: rgba(255,255,255,.15);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.dxt-notification-tabs {
  min-height: 47px;
  padding: 0 14px !important;
  align-items: flex-end;
  border: 0 !important;
  border-bottom: 1px solid #e8eef4 !important;
  background: #fff;
}

.dxt-notification-tabs .nav-item,
.dxt-notification-tabs .nav-item.active {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.dxt-notification-tabs .nav-link {
  display: inline-flex;
  min-height: 46px;
  padding: 0 4px !important;
  align-items: center;
  gap: 7px;
  border: 0 !important;
  border-bottom: 2px solid #1c75bc !important;
  background: transparent !important;
  color: #1c75bc !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.dxt-notification-tabs .nav-link i {
  font-size: 15px;
}

.dxt-notification-content {
  height: 390px !important;
  max-height: 52vh !important;
  border: 0 !important;
  background: #f7f9fc !important;
}

.dxt-notification-content #tab-messages,
.dxt-notification-content #tab-messages > .custom-scroll,
.dxt-notification-content .slimScrollDiv,
.dxt-notification-list {
  height: 100% !important;
}

.dxt-notification-list {
  margin: 0 !important;
  padding: 7px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #f7f9fc !important;
  scrollbar-color: #bdcddd transparent;
  scrollbar-width: thin;
}

.dxt-notification-list::-webkit-scrollbar {
  width: 6px;
}

.dxt-notification-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #bdcddd;
}

.dxt-notification-list .dxt-notification-item,
.dxt-notification-list .dxt-notification-item.unread {
  position: relative;
  margin: 0 0 6px !important;
  overflow: hidden;
  border: 1px solid #e5edf4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(5,64,111,.035);
  transform: translateY(7px);
  opacity: 0;
  animation: dxtNotificationRowIn .34s cubic-bezier(.2,.8,.2,1) forwards;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s cubic-bezier(.2,.8,.2,1) !important;
}

.dxt-notification-list .dxt-notification-item:nth-child(2) { animation-delay: .035s; }
.dxt-notification-list .dxt-notification-item:nth-child(3) { animation-delay: .07s; }
.dxt-notification-list .dxt-notification-item:nth-child(4) { animation-delay: .105s; }
.dxt-notification-list .dxt-notification-item:nth-child(5) { animation-delay: .14s; }
.dxt-notification-list .dxt-notification-item:nth-child(n+6) { animation-delay: .175s; }

.dxt-notification-list .dxt-notification-item::before {
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  background: #1c75bc;
  content: "";
}

.dxt-notification-list .dxt-notification-green::before {
  background: #1a9970;
}

.dxt-notification-list .dxt-notification-item:hover {
  border-color: rgba(28,117,188,.24) !important;
  box-shadow: 0 9px 22px rgba(5,64,111,.095) !important;
  transform: translateY(-2px);
}

.dxt-notification-link {
  display: grid !important;
  min-height: 78px;
  padding: 12px 12px 12px 14px !important;
  grid-template-columns: 43px minmax(0,1fr);
  gap: 11px;
  align-items: center;
  color: inherit !important;
  text-decoration: none !important;
}

.dxt-notification-type-icon {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
  border: 1px solid rgba(28,117,188,.10);
  border-radius: 13px;
  background: #eaf4fc;
  color: #1c75bc;
  font-size: 20px;
  transition: transform .24s cubic-bezier(.2,.8,.2,1), background-color .2s ease, color .2s ease !important;
}

.dxt-notification-green .dxt-notification-type-icon {
  border-color: rgba(26,153,112,.11);
  background: #e8f7f1;
  color: #1a9970;
}

.dxt-notification-item:hover .dxt-notification-type-icon {
  background: #1c75bc;
  color: #fff;
  transform: rotate(-4deg) scale(1.04);
}

.dxt-notification-item.dxt-notification-green:hover .dxt-notification-type-icon {
  background: #1a9970;
}

.dxt-notification-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.dxt-notification-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dxt-notification-type {
  overflow: hidden;
  color: #1c75bc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.3;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dxt-notification-green .dxt-notification-type {
  color: #157d5c;
}

.dxt-notification-time {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  color: #91a0ae;
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
}

.dxt-notification-time i {
  font-size: 11px;
}

.dxt-notification-message {
  display: -webkit-box;
  margin-top: 6px;
  overflow: hidden;
  color: #34495d;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dxt-notification-empty {
  display: flex;
  min-height: 270px;
  padding: 28px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
}

.dxt-notification-empty-icon {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: 14px;
  place-items: center;
  border-radius: 17px;
  background: #eaf4fc;
  color: #1c75bc;
  font-size: 25px;
}

.dxt-notification-empty strong {
  color: #2c4358;
  font-size: 13px;
  font-weight: 650;
}

.dxt-notification-empty small {
  margin-top: 5px;
  color: #8191a1;
  font-size: 10px;
}

.dxt-notification-footer {
  display: flex;
  min-height: 53px;
  padding: 8px 12px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #e5edf4;
  background: #fff;
}

.dxt-notification-footer a {
  display: inline-flex;
  min-height: 34px;
  padding: 0 12px;
  align-items: center;
  gap: 7px;
  border-radius: 10px;
  background: #edf6fc;
  color: #1c75bc !important;
  font-size: 10px;
  font-weight: 650;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}

.dxt-notification-footer a:hover {
  background: #1c75bc;
  color: #fff !important;
  transform: translateX(2px);
}

.dxt-notification-footer a i {
  transition: transform .2s ease;
}

.dxt-notification-footer a:hover i {
  transform: translateX(2px);
}

@keyframes dxtNotificationRowIn {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 575.98px) {
  .page-header .dxt-notification-center {
    width: calc(100vw - 18px) !important;
    border-radius: 15px !important;
  }

  .dxt-notification-content {
    height: 360px !important;
    max-height: 48vh !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dxt-notification-list .dxt-notification-item {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* DXT typography — Century Gothic with bold reserved for headings */
:root {
  --dxt-font-brand: "Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif;
  --dxt-font-secondary: "Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
.form-control,
.select2-container,
.select2-container *:not(i),
.dropdown-menu,
.dropdown-menu *:not(i),
.modal,
.modal *:not(i),
.panel,
.panel *:not(i),
.card,
.card *:not(i),
.nav-menu,
.nav-menu *:not(i),
.page-header,
.page-header *:not(i),
.page-footer,
.page-footer *:not(i),
.jodit-container,
.jodit-container *:not(i) {
  font-family: var(--dxt-font-brand) !important;
}

body .page-wrapper :is(
  p,
  a,
  span,
  small,
  strong,
  b,
  em,
  label,
  li,
  td,
  button,
  input,
  select,
  textarea,
  option,
  .btn,
  .form-control,
  .dropdown-item,
  .nav-link,
  .badge,
  .help-block,
  .text-muted,
  .dxt-notification-type,
  .dxt-notification-message,
  .dxt-notification-time,
  .dxt-profile-name,
  .dxt-profile-role
) {
  font-weight: 400 !important;
}

body .page-wrapper :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .page-title,
  .panel-title,
  .card-title,
  .modal-title,
  .dxt-floating-form-title,
  .dxt-section-title,
  legend,
  th
) {
  font-weight: 700 !important;
}

body .page-wrapper :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.page-title,.panel-title,.card-title,.modal-title,.dxt-floating-form-title,.dxt-section-title) * {
  font-weight: inherit !important;
}

/* Brand marks function as titles within the navigation chrome. */
body .page-wrapper :is(.page-logo-text,.dxt-admin-mark,.dxt-profile-avatar,.dxt-profile-avatar-lg) {
  font-weight: 700 !important;
}

/* Notification title remains a heading; its supporting copy remains regular. */
body .page-wrapper .dxt-notification-header-copy strong {
  font-weight: 700 !important;
}

body .page-wrapper .dxt-notification-header-copy small,
body .page-wrapper .dxt-notification-count,
body .page-wrapper .dxt-notification-footer a {
  font-weight: 400 !important;
}

/* Win over legacy page-specific typography declarations. */
#config ~ .page-wrapper .page-content-wrapper .page-content :is(
  div,
  p,
  a,
  span,
  small,
  strong,
  b,
  em,
  label,
  li,
  td,
  button,
  input,
  select,
  textarea,
  option,
  .btn,
  .form-control,
  .form-label,
  .select2-selection,
  .select2-selection__rendered,
  .select2-results__option,
  .dropdown-item,
  .nav-link,
  .badge
) {
  font-family: var(--dxt-font-brand) !important;
  font-weight: 400 !important;
}

#config ~ .page-wrapper .page-content-wrapper .page-content :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .page-title,
  .panel-title,
  .card-title,
  .modal-title,
  .dxt-floating-form-title,
  .dxt-section-title,
  legend,
  th
) {
  font-family: var(--dxt-font-brand) !important;
  font-weight: 700 !important;
}

#config ~ .page-wrapper .page-content-wrapper .page-content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.page-title,.panel-title,.card-title,.modal-title,.dxt-floating-form-title,.dxt-section-title) * {
  font-weight: inherit !important;
}

#config ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm,
#config ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm *:not(i):not(svg),
#config ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm input::placeholder,
#config ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm textarea::placeholder {
  font-family: var(--dxt-font-brand) !important;
}

#config ~ .page-wrapper .dxt-floating-form-shell #requisitionsForm :is(label,.form-label,.btn,button,input,select,textarea,option,.form-control,.select2-selection,.select2-selection__rendered,.select2-results__option) {
  font-weight: 400 !important;
}

/* Shared record-list card — used across all VMS list pages */
#panel_list.dxt-list-card {
  overflow: hidden;
  border: 1px solid #d9e5ef !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(5,64,111,.105), 0 3px 10px rgba(5,64,111,.035) !important;
  transform: translateY(12px);
  opacity: 0;
  animation: dxtListCardIn .48s cubic-bezier(.2,.8,.2,1) forwards;
}

#panel_list.dxt-list-card > .dxt-list-card-header {
  position: relative;
  display: flex !important;
  min-height: 86px;
  margin: 0 !important;
  padding: 15px 18px !important;
  align-items: center;
  gap: 11px;
  overflow: visible;
  border: 0 !important;
  background:
    radial-gradient(circle at 88% -70%, rgba(79,210,163,.31), transparent 17rem),
    linear-gradient(116deg, #05406f 0%, #126da8 58%, #168864 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.10) !important;
}

#panel_list.dxt-list-card > .dxt-list-card-header::before {
  position: absolute;
  right: 18%;
  bottom: -42px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.dxt-list-card-heading {
  display: flex !important;
  flex: 1 1 260px !important;
  width: auto !important;
  min-width: 190px;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  gap: 12px;
  color: #fff !important;
}

.dxt-list-card-icon {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 14px;
  background: rgba(255,255,255,.13);
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 20px rgba(0,28,52,.15);
  font-size: 21px;
  transition: transform .27s cubic-bezier(.2,.8,.2,1), background-color .22s ease !important;
}

#panel_list.dxt-list-card:hover .dxt-list-card-icon {
  background: rgba(255,255,255,.19);
  transform: rotate(-4deg) scale(1.04);
}

.dxt-list-card-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.dxt-list-card-title {
  overflow: hidden;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 1.25;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxt-list-card-subtitle {
  margin-top: 4px;
  color: rgba(255,255,255,.68) !important;
  font-size: 10px;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .025em;
  line-height: 1.3;
}

#config ~ .page-wrapper #panel_list .dxt-list-card-title {
  color: #fff !important;
  font-weight: 700 !important;
}

#config ~ .page-wrapper #panel_list .dxt-list-card-subtitle {
  color: rgba(255,255,255,.68) !important;
  font-weight: 400 !important;
}

#config ~ .page-wrapper #panel_list .dxt-list-card-icon,
#config ~ .page-wrapper #panel_list .dxt-list-card-icon i {
  color: #fff !important;
}

.dxt-list-card-actions {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}

#panel_list .dxt-list-header-action,
#panel_list .dxt-list-header-action.btn {
  min-height: 36px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.11) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(8px);
  transition: background-color .2s ease, border-color .2s ease, transform .2s cubic-bezier(.2,.8,.2,1) !important;
}

#panel_list .dxt-list-header-action:hover {
  border-color: rgba(255,255,255,.38) !important;
  background: rgba(255,255,255,.20) !important;
  transform: translateY(-2px) !important;
}

#panel_list > .dxt-list-card-header .panel-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
}

#panel_list > .dxt-list-card-header .btn-panel,
#panel_list > .dxt-list-card-header .btn-toolbar-master {
  display: inline-grid !important;
  width: 31px !important;
  min-width: 31px !important;
  height: 31px !important;
  min-height: 31px !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.09) !important;
  color: rgba(255,255,255,.80) !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}

#panel_list > .dxt-list-card-header .btn-panel:hover,
#panel_list > .dxt-list-card-header .btn-toolbar-master:hover {
  background: #fff !important;
  color: #1c75bc !important;
  transform: translateY(-2px) !important;
}

#panel_list.dxt-list-card > .panel-container {
  border: 0 !important;
  background: #fff !important;
}

#panel_list.dxt-list-card > .panel-container > .panel-content {
  padding: 20px !important;
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%) !important;
}

#panel_list .frame-wrap {
  overflow: visible;
}

#panel_list .frame-wrap > .header:empty {
  display: none !important;
}

#panel_list .frame-wrap > .header:not(:empty) {
  display: flex !important;
  min-height: 58px;
  margin: 0 0 14px !important;
  padding: 9px 10px !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border: 1px solid #e2eaf2 !important;
  border-radius: 13px !important;
  background: #f7fafd !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

#panel_list .frame-wrap > .header .addNewItemButton,
#panel_list .frame-wrap > .header .btn-outline-primary {
  min-height: 38px !important;
  padding: 8px 13px !important;
  border-color: #1a9970 !important;
  border-radius: 10px !important;
  background: #1a9970 !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(26,153,112,.15) !important;
}

#panel_list .frame-wrap > .header .addNewItemButton:hover,
#panel_list .frame-wrap > .header .btn-outline-primary:hover {
  border-color: #157d5c !important;
  background: #157d5c !important;
  transform: translateY(-1px) !important;
}

#panel_list .panel-tag {
  margin: 0 0 14px !important;
  padding: 13px !important;
  border: 1px solid #dce8f2 !important;
  border-left: 3px solid #1c75bc !important;
  border-radius: 13px !important;
  background: #f5faff !important;
  color: #44586b !important;
  box-shadow: none !important;
}

#panel_list #infoBlock {
  border-left-color: #1a9970 !important;
  background: #f3faf7 !important;
}

#panel_list .panel-tag p {
  margin: 4px 0 !important;
  font-size: 10px !important;
  line-height: 1.55;
}

#panel_list .panel-tag code {
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(28,117,188,.09);
  color: #1769aa;
  font-size: 9px;
}

#panel_list .droptech-table-view,
#panel_list table.dataTable {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #dfe8f0 !important;
  border-collapse: separate !important;
  border-radius: 14px !important;
  border-spacing: 0 !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(5,64,111,.04) !important;
}

#panel_list .droptech-table-view thead,
#panel_list table.dataTable thead,
#panel_list .droptech-table-view thead.bg-primary-600 {
  background: linear-gradient(90deg, #eaf4fc 0%, #eef8f4 100%) !important;
}

#panel_list .droptech-table-view thead th,
#panel_list table.dataTable thead th {
  height: 50px;
  padding: 11px 13px !important;
  border: 0 !important;
  border-right: 1px solid rgba(198,216,229,.72) !important;
  border-bottom: 1px solid #cadce9 !important;
  background: transparent !important;
  color: #27445d !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
  vertical-align: middle;
}

#panel_list .droptech-table-view thead th:last-child,
#panel_list table.dataTable thead th:last-child {
  border-right: 0 !important;
}

#panel_list .droptech-table-view tbody tr,
#panel_list table.dataTable tbody tr {
  background: #fff !important;
  animation: dxtListRowIn .36s ease both;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

#panel_list .droptech-table-view tbody tr:nth-child(even),
#panel_list table.dataTable tbody tr:nth-child(even) {
  background: #fbfcfe !important;
}

#panel_list .droptech-table-view tbody tr:hover,
#panel_list table.dataTable tbody tr:hover {
  background: #f1f9f6 !important;
  box-shadow: inset 3px 0 0 #1a9970;
}

#panel_list .droptech-table-view tbody td,
#panel_list table.dataTable tbody td {
  min-height: 48px;
  padding: 12px 13px !important;
  border: 0 !important;
  border-right: 1px solid #edf1f5 !important;
  border-bottom: 1px solid #edf1f5 !important;
  color: #4b5f72 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  vertical-align: middle;
}

#panel_list .droptech-table-view tbody td:last-child,
#panel_list table.dataTable tbody td:last-child {
  border-right: 0 !important;
}

#panel_list .dataTables_wrapper .dataTables_length,
#panel_list .dataTables_wrapper .dataTables_filter,
#panel_list .dataTables_wrapper .dataTables_info,
#panel_list .dataTables_wrapper .dataTables_paginate {
  padding: 10px 0;
  color: #718295 !important;
  font-size: 10px;
}

#panel_list .dataTables_wrapper input,
#panel_list .dataTables_wrapper select {
  min-height: 36px !important;
  border: 1px solid #d6e1eb !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#panel_list .dataTables_wrapper .paginate_button {
  min-width: 32px;
  min-height: 32px;
  padding: 7px 10px !important;
  border: 1px solid #e0e8ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #52677a !important;
}

#panel_list .dataTables_wrapper .paginate_button.current,
#panel_list .dataTables_wrapper .paginate_button:hover {
  border-color: #1c75bc !important;
  background: #1c75bc !important;
  color: #fff !important;
}

@keyframes dxtListCardIn {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes dxtListRowIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991.98px) {
  #panel_list.dxt-list-card > .dxt-list-card-header {
    flex-wrap: wrap;
  }

  .dxt-list-card-heading {
    flex-basis: calc(100% - 150px) !important;
  }

  .dxt-list-card-actions {
    order: 3;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  #panel_list.dxt-list-card {
    border-radius: 16px !important;
  }

  #panel_list.dxt-list-card > .dxt-list-card-header {
    min-height: 74px;
    padding: 13px !important;
  }

  .dxt-list-card-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  #panel_list.dxt-list-card > .panel-container > .panel-content {
    padding: 12px !important;
  }

  #panel_list .frame-wrap {
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  #panel_list.dxt-list-card,
  #panel_list .droptech-table-view tbody tr,
  #panel_list table.dataTable tbody tr {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* DataTables uses a second sizing header inside the scrolling body. Keep the
   visible header compact and collapse that internal sizing copy. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead table,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead thead {
  background: #eaf1f6 !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead thead th {
  height: 24px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-right: 1px solid #d3dfe8 !important;
  border-bottom: 1px solid #c7d6e2 !important;
  background: #eaf1f6 !important;
  background-image: none !important;
  color: #29485f !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .055em;
  line-height: 1.2 !important;
  white-space: nowrap;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollBody #droptech-data-table-requisitions thead th {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td {
  height: auto !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .btn,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > button,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > a,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .badge {
  height: 24px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td .dxt-remix-icon {
  font-size: 11px !important;
  line-height: 1 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .btn > .badge {
  min-width: 16px !important;
  min-height: 14px !important;
  margin: 0 1px !important;
  padding: 1px 4px !important;
  border-radius: 8px !important;
  font-size: 7px !important;
  line-height: 10px !important;
}

/* Keep the surrounding application chrome flat on this trial page as well. */
#config[page="requisitions"] ~ .page-wrapper .page-sidebar {
  background: #05406f !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .page-sidebar .info-card,
#config[page="requisitions"] ~ .page-wrapper .page-sidebar .info-card > a {
  background: rgba(255,255,255,.07) !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .page-sidebar #js-nav-menu > li.open > a,
#config[page="requisitions"] ~ .page-wrapper .page-sidebar #js-nav-menu > li.active > a {
  background: rgba(255,255,255,.11) !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .page-content-wrapper {
  background: #f3f6f9 !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .page-header {
  background: #fff !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .page-header .header-icon,
#config[page="requisitions"] ~ .page-wrapper .page-header .dxt-profile-trigger {
  background: #f5f8fa !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-profile-avatar {
  background: #1c75bc !important;
  background-image: none !important;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-notification-header {
  background: #05406f !important;
  background-image: none !important;
}

/* Requisitions refinement: keep the data region full-width and replace the
   heavy first-column button with a compact candidate counter. */
#config[page="requisitions"] ~ .page-wrapper #panel_list .frame-wrap > a[href*="requisitions/import"] {
  float: right !important;
  margin: 0 0 10px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper {
  clear: both !important;
  width: 100% !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper > .row.mb-4 {
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .dxt-candidate-counter {
  width: auto !important;
  height: 28px !important;
  min-width: 72px !important;
  min-height: 28px !important;
  padding: 3px 5px 3px 7px !important;
  border: 1px solid #c8d8e5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  background-image: none !important;
  color: #284b64 !important;
  box-shadow: 0 2px 5px rgba(5,64,111,.08) !important;
  gap: 5px !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td > .dxt-candidate-counter:hover {
  border-color: #1c75bc !important;
  background: #f1f7fc !important;
  color: #05406f !important;
  box-shadow: 0 3px 8px rgba(28,117,188,.14) !important;
  transform: translateY(-1px);
}

#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter .dxt-counter-total,
#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter .dxt-counter-selected {
  display: inline-flex;
  height: 18px;
  min-width: 22px;
  padding: 0 4px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 5px;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter .dxt-counter-total {
  background: #edf3f7 !important;
  color: #31536b !important;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter .dxt-counter-selected {
  background: #1a9970 !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter .dxt-counter-open {
  color: #1c75bc !important;
  font-size: 13px !important;
  transition: transform .18s ease;
}

#config[page="requisitions"] ~ .page-wrapper .dxt-candidate-counter:hover .dxt-counter-open {
  transform: translateX(2px);
}

/* Column widths are assigned dynamically from each field's permanent
   DataTables index so optional fields never inherit a neighbour's width. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead table,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions {
  table-layout: fixed !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead th,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td {
  box-sizing: border-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions thead th {
  box-sizing: border-box !important;
}

/* Requisitions list card width */
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #js-page-content {
  width: 95% !important;
}

/* Freeze the identifying column while the remaining requisition fields scroll. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead th:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 8 !important;
  background: #eaf1f6 !important;
  box-shadow: 5px 0 9px rgba(5,64,111,.12) !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 4 !important;
  background: #fff !important;
  box-shadow: 5px 0 9px rgba(5,64,111,.1) !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr:nth-child(even) td:first-child {
  background: #f8fafc !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions tbody tr:hover td:first-child {
  background: #edf7f3 !important;
}

/* Replace DataTables' fixed 600px viewport with a responsive height. The
   remaining 452px covers page chrome, controls, pagination and footer. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollBody {
  height: max(240px, calc(100dvh - 452px)) !important;
  max-height: max(240px, calc(100dvh - 452px)) !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead table,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions {
  overflow: visible !important;
}

@media (max-height: 700px) {
  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollBody {
    height: max(190px, calc(100dvh - 452px)) !important;
    max-height: max(190px, calc(100dvh - 452px)) !important;
  }
}

/* Keep every action on one baseline and reserve the right edge for the
   consistent View / Edit / Delete control group. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-requisition-actions {
  display: flex !important;
  width: 100%;
  height: 28px;
  align-items: center !important;
  justify-content: flex-start;
  gap: 5px;
  white-space: nowrap;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links {
  display: inline-flex;
  height: 28px;
  min-width: 0;
  align-items: center;
  gap: 5px;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > button,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > a {
  display: inline-flex !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #1c75bc !important;
  border-radius: 7px !important;
  background: #fff !important;
  background-image: none !important;
  color: #176aa8 !important;
  box-shadow: none !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  vertical-align: middle !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > button:first-child {
  background: #1c75bc !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > button:hover,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > a:hover {
  border-color: #05406f !important;
  background: #05406f !important;
  color: #fff !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-requisition-actions > .action-buttons {
  display: inline-flex !important;
  height: 28px !important;
  margin: 0 0 0 auto !important;
  align-items: center;
  flex: 0 0 auto;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-requisition-actions .action-buttons .btn-group {
  display: inline-flex !important;
  height: 28px;
  align-items: center;
  gap: 4px;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions .dxt-requisition-actions .action-buttons .btn-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 7px !important;
}

/* Column visibility: contain the long field list inside the card and viewport. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .buttons-colvis + .dt-button-collection,
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .btn-group > .dt-button-collection {
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  width: 280px !important;
  height: auto !important;
  z-index: 2050 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection > .dropdown-menu {
  position: static !important;
  display: block !important;
  width: 280px !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 360px) !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 1px solid #d5e0e9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(5,64,111,.16) !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection .buttons-columnVisibility {
  display: flex !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  align-items: center;
  border: 0 !important;
  border-bottom: 1px solid #edf1f4 !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-image: none !important;
  color: #425b70 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  white-space: normal;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection .buttons-columnVisibility:last-child {
  border-bottom: 0 !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection .buttons-columnVisibility:hover {
  background: #eef6fc !important;
  color: #05406f !important;
}

#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection .buttons-columnVisibility.active {
  background: #eaf7f2 !important;
  color: #157b5b !important;
}

@media (max-height: 700px) {
  #config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dt-button-collection > .dropdown-menu {
    max-height: calc(100dvh - 320px) !important;
  }
}

/* Requisitions table: standard-height visible header keeps DataTables'
   sorting arrows fully visible without increasing compact data rows. */
#config[page="requisitions"] ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead thead th {
  height: 38px !important;
  padding: 10px 24px 10px 9px !important;
  overflow: hidden !important;
  font-size: 10px !important;
  line-height: 17px !important;
  vertical-align: middle !important;
}

/* Add Requisition: contained auto-fit fields and responsive tables follow the
   available card width without overlapping or escaping the card. */
#config[page="requisitions"][key="add"] ~ .page-wrapper .dxt-floating-form-body,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: clip;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr));
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  align-items: start;
  gap: 16px;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > [class*="col-"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_text_title {
  grid-column: span 2;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .alertBlock,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_select_client_id,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_text_address,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_select_requied_compliance,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_textarea_skills,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_body_body {
  grid-column: 1 / -1;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm .table-responsive,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm .dataTables_wrapper {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
}

#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm table th,
#config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm table td {
  min-width: 0;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (max-width: 1050px) {
  #config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row > .form_field_text_title {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  body:not(:has(.dxt-login-shell)) #js-page-content,
  #config[page="requisitions"][key="add"] ~ .page-wrapper .page-content {
    width: calc(100% - 22px) !important;
  }

  #config[page="requisitions"][key="add"] ~ .page-wrapper #requisitionsForm > .row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Requisitions typography only: retain every existing cell, row, padding and
   column measurement while increasing the rendered text sizes. */
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions_wrapper .dataTables_scrollHead thead th {
  font-size: 14px !important;
}

#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td {
  font-size: 13px !important;
}

#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td > .btn,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td > button,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td > a,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td > .badge,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions tbody td > .btn > .badge,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions .dxt-candidate-counter .dxt-counter-total,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions .dxt-candidate-counter .dxt-counter-selected,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > button,
#config[page="requisitions"]:not([key="add"]) ~ .page-wrapper #droptech-data-table-requisitions .dxt-action-links > a {
  font-size: 13px !important;
}

/* Unified VMS table typography. Deliberately limited to font-size so every
   page retains its existing row heights, padding, widths and control sizing. */
body:not(:has(.dxt-login-shell)) table thead th,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table thead th {
  font-size: 14px !important;
}

body:not(:has(.dxt-login-shell)) table tbody td,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table tbody td {
  font-size: 13px !important;
}

body:not(:has(.dxt-login-shell)) table tbody td > a,
body:not(:has(.dxt-login-shell)) table tbody td .btn,
body:not(:has(.dxt-login-shell)) table tbody td button,
body:not(:has(.dxt-login-shell)) table tbody td .badge,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table tbody td > a,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table tbody td .btn,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table tbody td button,
body:not(:has(.dxt-login-shell)) #config ~ .page-wrapper #js-page-content table tbody td .badge {
  font-size: 13px !important;
}