/* Provizion-style back office theme for Compliance (AdminLTE)
 * CSS-only overrides — no functional changes.
 * Load this file LAST so it wins over AdminLTE + super_custom.css.
 */

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");

:root {
  --background: #f2f4f8;
  --foreground: #002853;
  --surface: #f2f4f8;
  --panel: #ffffff;
  --ink: #002853;
  --muted: #667085;
  --line: #d5dae3;
  --brand: #002853;
  --brand-deep: #1c2433;
  --brand-soft: #e4e7ec;
  --brand-mist: #cfd6e2;
  --accent: #c48a3a;
  --accent-deep: #9e6b24;
  --accent-soft: #f6ead8;
  --accent-mist: #efe0c8;
  --success: #2f7a5b;
  --success-soft: #d9eee4;
  --danger: #9b2c2c;
  --danger-soft: #fde8e8;
  --warning: #9e6b24;
  --warning-soft: #f6ead8;
  --info: #002853;
}

/* -------------------------------------------------------------------------- */
/* Base typography & page                                                      */
/* -------------------------------------------------------------------------- */

html,
body,
body.sidebar-mini,
body.theme-compleye,
.wrapper {
  font-family: Lato, "Source Sans Pro", sans-serif;
}

/* Never override Font Awesome — .wrapper * broke sidebar + action icons */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fak,
.fass,
.fat,
.nav-icon,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome" !important;
  font-weight: 900;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.far,
.fa-regular {
  font-weight: 400 !important;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 5 Brands", "FontAwesome" !important;
  font-weight: 400 !important;
}

html,
body,
body.sidebar-mini,
body.theme-compleye,
.wrapper {
  color: var(--ink) !important;
}

body,
body.theme-compleye {
  background: var(--surface) !important;
}

.content-wrapper,
.navbar-white {
  background-color: var(--surface) !important;
  border: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* Top navbar                                                                  */
/* -------------------------------------------------------------------------- */

.main-header.navbar,
nav.main-header.navbar.navbar-expand.navbar-white.navbar-light,
body.theme-compleye .main-header.navbar {
  background: var(--panel) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  padding: 0 0.75rem !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  align-items: center;
  box-sizing: border-box !important;
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link {
  color: var(--ink) !important;
}

.main-header .nav-link:hover {
  color: var(--brand-deep) !important;
}

/* User menu name + caret (was cyan #2bace2) */
body.theme-compleye li.nav-item.dropdown.user-menu span,
li.nav-item.dropdown.user-menu span {
  color: var(--brand) !important;
}

body.theme-compleye li.nav-item.dropdown.user-menu span:after,
li.nav-item.dropdown.user-menu span:after {
  color: var(--brand) !important;
}

body.theme-compleye ul.navbar-nav:first-child a.nav-link:before,
body.theme-compleye .main-header ul.navbar-nav:first-child a.nav-link[data-widget="pushmenu"]::before,
ul.navbar-nav:first-child a.nav-link:before {
  color: var(--brand) !important;
}

.main-header .navbar-nav .nav-item i.fas.fa-bars,
.main-header .nav-link[data-widget="pushmenu"] i {
  color: var(--brand) !important;
}

/* Keep sidebar collapse (hamburger) control visible */
.main-header .nav-link[data-widget="pushmenu"],
.main-header .navbar-nav .nav-link[data-widget="pushmenu"] {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--ink) !important;
  font-size: inherit !important;
}

.main-header .navbar-nav .nav-item i.fas.fa-bars,
.main-header .nav-link[data-widget="pushmenu"] i {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--brand) !important;
  font-size: 1.1rem !important;
}

ul.navbar-nav:first-child a.nav-link:before,
.main-header ul.navbar-nav:first-child a.nav-link[data-widget="pushmenu"]::before {
  content: "\f0d9" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  padding-right: 3px !important;
  color: var(--brand) !important;
  display: inline-block !important;
  visibility: visible !important;
  font-size: 1rem !important;
}

/* -------------------------------------------------------------------------- */
/* Sidebar                                                                     */
/* -------------------------------------------------------------------------- */

.main-sidebar,
aside.main-sidebar,
:not(.layout-fixed) .main-sidebar,
body.theme-compleye .main-sidebar,
body.theme-compleye aside.main-sidebar {
  background: var(--panel) !important;
  box-shadow: none !important;
  border-right: 1px solid var(--line) !important;
  /* Full viewport height — no cut-off at the bottom */
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  z-index: 1038;
}

.sidebar,
body.theme-compleye .sidebar,
aside.main-sidebar .sidebar {
  background: var(--panel) !important;
  box-shadow: none !important;
  height: calc(100vh - 3.5rem) !important;
  min-height: calc(100vh - 3.5rem) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 2.5rem !important;
  margin-top: 0 !important;
}

/* Soft fade at the bottom of the menu scroll area */
.sidebar::after {
  content: "";
  display: block;
  height: 2.5rem;
  pointer-events: none;
}

[class*="sidebar-dark"] .brand-link,
.brand-link,
body.theme-compleye .brand-link,
aside.main-sidebar a.brand-link,
body.theme-compleye aside.main-sidebar a.brand-link,
.main-sidebar > a.brand-link {
  background: #002853 !important;
  background-color: #002853 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  padding: 0 0.65rem !important;
  float: none !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

/* Keep original white logo crisp on navy bar */
.brand-link .brand-image,
.brand-link img,
.main-sidebar .brand-link img,
aside.main-sidebar a.brand-link img,
a.brand-link img.brand-image {
  filter: none !important;
  opacity: 1 !important;
  float: none !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Expanded: wider logo (same bar height) */
.brand-link .brand-image-full,
.brand-link img.logo-xl,
body.theme-compleye .brand-link img.logo-xl,
body:not(.sidebar-collapse) .main-sidebar .brand-link img.logo-xl {
  display: block !important;
  max-height: 46px !important;
  height: auto !important;
  width: 100% !important;
  max-width: 232px !important;
  object-fit: contain !important;
}

/* Expanded: hide icon-only */
.brand-link .brand-image-icon,
.brand-link img.logo-xs {
  display: none !important;
}

/* Collapsed: show icon-only, hide full logo */
.sidebar-mini.sidebar-collapse .main-sidebar .brand-link,
.sidebar-mini.sidebar-collapse aside.main-sidebar a.brand-link {
  overflow: hidden !important;
  justify-content: center !important;
  padding: 0.4rem !important;
  width: 4.6rem !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .brand-link .brand-image-full,
.sidebar-mini.sidebar-collapse .main-sidebar .brand-link img.logo-xl {
  display: none !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar .brand-link .brand-image-icon,
.sidebar-mini.sidebar-collapse .main-sidebar .brand-link img.logo-xs {
  display: block !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  max-width: 2.35rem !important;
  max-height: 2.35rem !important;
  object-fit: contain !important;
}

/* -------------------------------------------------------------------------- */
/* Disable collapsed-sidebar hover expand (AdminLTE default)                   */
/* Nothing should change on hover/focus while collapsed.                       */
/* -------------------------------------------------------------------------- */


@media (min-width: 992px) {
  body.sidebar-mini.sidebar-collapse .main-sidebar:hover,
  body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
  body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar:hover,
  body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 4.6rem !important;
    max-width: 4.6rem !important;
    min-width: 4.6rem !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
  body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
    width: 4.6rem !important;
    max-width: 4.6rem !important;
    padding: 0.4rem !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  /* Keep icon logo; never reveal full logo on hover */
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link .brand-image-full,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link .brand-image-full,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link img.logo-xl,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link img.logo-xl,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
    display: none !important;
    visibility: hidden !important;
    animation: none !important;
    -webkit-animation: none !important;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link .brand-image-icon,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link .brand-image-icon,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link img.logo-xs,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link img.logo-xs,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
    display: block !important;
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    max-width: 2.35rem !important;
    max-height: 2.35rem !important;
    object-fit: contain !important;
  }

  /* Keep nav labels hidden on hover (collapsed state) */
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: none !important;
    -webkit-animation: none !important;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p {
    width: 0 !important;
    overflow: hidden !important;
  }
}

[class*="sidebar-dark-"] .sidebar a,
.nav-sidebar .nav-link,
.nav-sidebar .nav-link p,
.nav-sidebar .nav-link i {
  color: var(--ink) !important;
}

/* Gold accent: sidebar section labels (like Provizion kickers) */
[class*="sidebar-dark-"] .nav-header,
.nav-sidebar .nav-header,
body.theme-compleye .nav-header {
  color: var(--accent) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 1rem 1rem 0.4rem !important;
}

.nav-sidebar .nav-item > .nav-link {
  border-radius: 0.5rem !important;
  margin: 0 0.5rem 0.15rem;
}

/* Nested menu (e.g. Incidents → All / Manual): indent so hierarchy is clear */
.nav-sidebar .nav-treeview,
.nav-sidebar > .nav-item > ul.nav-treeview,
.nav-sidebar > .nav-item > .nav.nav-treeview {
  padding-left: 1.35rem !important;
  margin: 0.15rem 0.4rem 0.4rem 0.85rem !important;
  border-left: 2px solid var(--brand-mist) !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link,
.nav-sidebar > .nav-item > ul.nav > li > a.nav-link {
  margin-left: 0 !important;
  padding-left: 0.65rem !important;
  padding-right: 0.65rem !important;
  font-size: 0.9rem !important;
  color: var(--ink) !important;
}

.nav-sidebar .nav-treeview .nav-treeview {
  padding-left: 0.85rem !important;
  margin-left: 0.5rem !important;
}

/* super_custom hides submenu dots — show them again */
.nav-sidebar .nav-item > .nav-link i.fas.fa-circle,
.nav-sidebar .nav-treeview > .nav-item > .nav-link i.fas.fa-circle,
.nav-sidebar .nav-treeview .nav-link i.fa-circle,
body.theme-compleye .nav-sidebar .nav-link i.fas.fa-circle {
  display: inline-block !important;
  visibility: visible !important;
  font-size: 0.4rem !important;
  width: 1.35rem !important;
  min-width: 1.35rem;
  text-align: center !important;
  margin-right: 0.15rem !important;
  color: var(--muted) !important;
  vertical-align: middle;
  line-height: 1 !important;
  position: relative;
  top: -0.1rem;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active i.fas.fa-circle,
.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover i.fas.fa-circle {
  color: var(--brand) !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link i:not(.fa-circle) {
  display: inline-block !important;
  width: 1.35rem !important;
  text-align: center;
  margin-right: 0.15rem;
  color: var(--ink) !important;
  font-size: 0.85rem !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
.nav-sidebar > .nav-item > ul.nav > li > a.nav-link.active,
.nav-sidebar > .nav-item > ul.nav > li > a.nav-link:hover,
body.theme-compleye .nav-sidebar > .nav-item > .nav-link.active,
body.theme-compleye .nav-sidebar > .nav-item:hover > .nav-link,
body.theme-compleye .nav-treeview > .nav-item > .nav-link.active {
  background-color: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}

.nav-sidebar > .nav-item.menu-open a.nav-link {
  color: var(--ink) !important;
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: var(--brand-mist) !important;
}

/* -------------------------------------------------------------------------- */
/* Content headers                                                             */
/* -------------------------------------------------------------------------- */

.content-header {
  padding: 1.25rem 0 0.5rem !important;
}

.content-header h1,
.content-wrapper .content-header h1 {
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  color: var(--ink) !important;
}

.breadcrumb {
  background: transparent !important;
}

.breadcrumb-item a {
  color: var(--brand) !important;
}

.breadcrumb-item.active {
  color: var(--muted) !important;
}

/* -------------------------------------------------------------------------- */
/* Cards / panels                                                              */
/* -------------------------------------------------------------------------- */

.card,
body.theme-compleye .card {
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 1rem !important;
  background: #fff !important;
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
  margin-bottom: 1.25rem !important;
}

.card-header,
body.theme-compleye .card-header {
  background: linear-gradient(135deg, #002853 0%, #0a3d73 55%, #c48a3a 155%) !important;
  color: #fff !important;
  border-bottom: 0 !important;
}

.card-header .card-title,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header .btn,
.card-tools .btn {
  color: #fff !important;
}

.card-body,
.card-footer,
body.theme-compleye .card-body {
  background: #fff !important;
}

.card-footer {
  border-top: 1px solid var(--line) !important;
  padding: 0.75rem 1.25rem !important;
}

.card.bg-transparent,
.card[style*="transparent"] {
  background: #fff !important;
}

/* -------------------------------------------------------------------------- */
/* Forms — inputs, selects, textareas, file                                    */
/* -------------------------------------------------------------------------- */

.form-control,
.custom-select,
form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="image"]),
form select:not(.select2),
form textarea,
.Incidence-tabing-sec input:not(.select2-search__field),
.Incidence-tabing-sec select:not(.select2) {
  height: 3rem !important;
  min-height: 3rem;
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 0.9375rem !important;
  padding: 0.5rem 0.875rem !important;
}

form textarea.form-control,
textarea.form-control,
.Incidence-tabing-sec textarea {
  height: auto !important;
  min-height: 6rem !important;
  padding: 0.75rem 0.875rem !important;
}

.form-control:focus,
.custom-select:focus,
form input:focus,
form select:not(.select2):focus,
form textarea:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px var(--brand-soft) !important;
  outline: none !important;
}

.form-control.is-invalid,
form input.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--danger) !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--success) !important;
}

.col-form-label,
.form-group > label,
.form-group .col-form-label {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted) !important;
}

/* Keep checkbox / remember-me labels readable (not tiny uppercase) */
.icheck-primary > label,
.custom-control-label,
.login-page label,
.register-page label {
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--ink) !important;
}

.Incidence-tabing-sec label {
  color: var(--muted) !important;
}

/* File inputs */
.custom-file-label,
.custom-file-input ~ .custom-file-label {
  height: 3rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  color: var(--ink) !important;
  background: #fff !important;
  line-height: 2.4rem;
}

.custom-file-label::after {
  height: calc(3rem - 2px) !important;
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
  border-left: 1px solid var(--line) !important;
  border-radius: 0 0.5rem 0.5rem 0 !important;
  line-height: 2.4rem;
}

input[type="file"] {
  color: var(--ink);
}

input[type="color"].form-control {
  height: 3rem !important;
  padding: 0.35rem !important;
}

/* Select2 — one border only (old CSS bordered the container AND the selection) */
select.select2,
select.select2.form-control {
  border: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
}

span.select2.select2-container,
.form-group .select2.select2-container,
.Incidence-tabing-sec #incident_form .form-group .select2,
.add-Incidence-sec #incident_form .form-group .select2,
.Incidence-tabing-sec #incident_form .form-group .select2.select2-container {
  border: 0 !important;
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

span.select2.select2-container::after,
.Incidence-tabing-sec #incident_form .form-group .select2::after {
  display: none !important;
  content: none !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-selection.select2-selection--single,
.select2-selection.select2-selection--multiple {
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  background: #fff !important;
  min-height: 3rem !important;
  height: auto !important;
  box-shadow: none !important;
}

.select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center;
  height: 3rem !important;
  padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ink) !important;
  line-height: 2.75rem !important;
  padding-left: 0.75rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 3rem !important;
}

.select2-container--default .select2-selection--multiple {
  min-height: 3rem !important;
  height: auto !important;
  padding: 0.35rem 0.5rem !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px var(--brand-soft) !important;
  outline: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  border-radius: 0.35rem !important;
  margin: 0.2rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--brand) !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0 !important;
  height: 1.75rem !important;
  min-height: 0 !important;
  border: 0 !important;
  padding: 0 0.25rem !important;
  box-shadow: none !important;
  background: transparent !important;
}

.select2-dropdown {
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
}

/* ComboTree (Policies picker) — center chevron in arrow button */
.comboTreeWrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.comboTreeInputWrapper {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

.comboTreeInputBox,
input.comboTreeInputBox,
#justAnInputBox1 {
  height: 3rem !important;
  min-height: 3rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  padding: 0 2.75rem 0 0.875rem !important;
  color: var(--ink) !important;
  background: #fff !important;
  width: 100% !important;
  box-shadow: none !important;
}

.comboTreeArrowBtn {
  position: absolute !important;
  top: 1px !important;
  right: 1px !important;
  bottom: 1px !important;
  width: 2.5rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-left: 1px solid var(--line) !important;
  border-radius: 0 0.45rem 0.45rem 0 !important;
  background: var(--surface) !important;
  box-sizing: border-box !important;
}

.comboTreeArrowBtnImg,
.comboTreeArrowBtn .mdi,
.comboTreeArrowBtn .mdi-chevron-down {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 1.25rem !important;
  color: var(--ink) !important;
  height: auto !important;
  width: auto !important;
}

.Incidence-tabing-sec .mdi-chevron-down::before,
.comboTreeArrowBtn .mdi-chevron-down::before,
.comboTreeArrowBtnImg::before {
  margin: 0 !important;
  margin-top: 0 !important;
  line-height: 1 !important;
  display: block !important;
}

.Incidence-tabing-sec .comboTreeInputWrapper {
  max-width: 100% !important;
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                     */
/* -------------------------------------------------------------------------- */

.btn,
button.btn,
a.btn,
input.btn {
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  min-height: 2.75rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0 1.25rem !important;
  box-shadow: none !important;
  letter-spacing: 0.01em;
  white-space: nowrap;
  line-height: 1.25 !important;
  float: none !important;
}

.btn-sm,
.btn-group-sm > .btn {
  min-height: 2.25rem;
  font-size: 0.8125rem !important;
  padding: 0 0.875rem !important;
  gap: 0.35rem;
}

/* Icon + text: prevent overlap (icons before or after label) */
.btn > .fa,
.btn > .fas,
.btn > .far,
.btn > .fab,
.btn > .fal,
.btn > i,
.btn > span.fa,
.btn > span.fas,
.btn > span.far,
.btn > span.fab,
button.btn > .fa,
button.btn > .fas,
a.btn > .fa,
a.btn > .fas,
a.btn > i,
.add_link_button > .fa,
.add_more_button > .fa,
.add_more_button > i {
  margin: 0 !important;
  line-height: 1 !important;
  flex-shrink: 0;
}

.button_right_side .btn,
.button_right_side button,
.modal-footer.button_right_side .btn {
  float: none !important;
}

.btn-lg {
  min-height: 3rem;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
button.btn-primary,
button.btn.btn-primary[type="submit"],
a.btn.btn-block.btn-primary.btn-sm,
a.btn.btn-primary,
.login-page button.btn-primary,
body.theme-compleye .btn-primary,
#scrape_form input[type="submit"] {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:hover,
a.btn.btn-block.btn-primary.btn-sm:hover,
body.theme-compleye .btn-primary:hover {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
}

.btn-info,
.btn-info:not(:disabled):not(.disabled):active,
a.btn.btn-info,
body.theme-compleye .btn-info {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

.btn-info:hover,
.btn-info:focus {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
}

.btn-dark,
.btn.btn-dark,
body.theme-compleye .btn-dark {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

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

.btn-default,
.btn-secondary,
.btn-outline-secondary,
.btn-outline-primary {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}

.btn-outline-primary:hover,
.btn-default:hover,
.btn-secondary:hover {
  background: var(--surface) !important;
  border-color: var(--brand) !important;
  color: var(--brand) !important;
}

.btn-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
  color: #fff !important;
}

.btn-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
  color: #fff !important;
}

.btn-warning {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.btn-warning:hover {
  background: var(--accent-deep) !important;
  border-color: var(--accent-deep) !important;
}

.btn-link {
  color: var(--brand) !important;
  font-weight: 600 !important;
}

/* Custom action buttons from super_custom / page styles */
.add_link_button,
.delete_upload_image,
.delete_image,
.add_more_button,
.action-top-box button,
#comment #save2,
#notes #save2,
#save_valid,
.button-export,
.referrer_search,
body.theme-compleye .add_link_button,
body.theme-compleye #save_valid,
body.theme-compleye .button-export,
body.theme-compleye .referrer_search {
  border: 1px solid var(--brand) !important;
  background: var(--brand) !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
}

.add_link_button:hover,
.add_more_button:hover,
#save_valid:hover,
.button-export:hover,
.referrer_search:hover,
body.theme-compleye .button-export:hover,
body.theme-compleye .referrer_search:hover {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
  transform: none !important;
}

/* -------------------------------------------------------------------------- */
/* Alerts / badges / toasts                                                    */
/* -------------------------------------------------------------------------- */

.alert {
  border-radius: 0.75rem !important;
  border: 0 !important;
}

.alert-success {
  background: var(--success-soft) !important;
  color: var(--success) !important;
}

.alert-danger,
.invalid-feedback {
  background: var(--danger-soft);
  color: var(--danger) !important;
  border-radius: 0.75rem;
}

.alert-warning {
  background: var(--warning-soft) !important;
  color: var(--warning) !important;
}

.alert-info {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}

.badge-primary,
.badge-info {
  background: var(--brand) !important;
}

.badge-success {
  background: var(--success) !important;
}

.badge-danger {
  background: var(--danger) !important;
}

.badge-warning {
  background: var(--accent) !important;
  color: #fff !important;
}

.toast.toast-success {
  border-top: 4px solid var(--brand) !important;
  border-radius: 0.75rem !important;
}

.toast.toast-success button#confirmationRevertYes2 {
  background: var(--brand) !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
}

/* -------------------------------------------------------------------------- */
/* Tables / DataTables / pagination                                            */
/* -------------------------------------------------------------------------- */

.table {
  color: var(--ink) !important;
}

.content-wrapper > .content table thead th,
.table thead th,
table.dataTable thead th,
body.theme-compleye table.dataTable thead th,
body.theme-compleye .content table th {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--line) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  font-weight: 700 !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 0.65rem 0.55rem !important;
  white-space: normal !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.content-wrapper > .content table thead th:first-child,
table.dataTable thead th:first-child {
  border-left: 1px solid var(--line) !important;
  border-top-left-radius: 0.75rem !important;
}

.content-wrapper > .content table thead th:last-child,
table.dataTable thead th:last-child {
  border-right: 1px solid var(--line) !important;
  border-top-right-radius: 0.75rem !important;
}

.content-wrapper > .content table tbody td,
.table td,
table.dataTable tbody td,
body.theme-compleye table.dataTable tbody td,
body.theme-compleye .content table tbody td {
  border-color: var(--line) !important;
  color: var(--ink) !important;
  vertical-align: middle !important;
  text-align: left !important;
  padding: 0.65rem 0.55rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.4 !important;
  background: #fff !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Fit tables in viewport — no horizontal scroll, headers align with cells */
body.theme-compleye .content table,
body.theme-compleye table.dataTable,
.content table,
table.dataTable {
  box-shadow: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 0.75rem !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
  table-layout: fixed !important;
}

body.theme-compleye .dataTables_wrapper,
.content .dataTables_wrapper,
div.dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding: 0 0 0.35rem !important;
  border: none !important;
  background: transparent !important;
}

/* Kill any DataTables scrollX leftover shells */
body.theme-compleye .dataTables_scroll,
.content .dataTables_scroll,
body.theme-compleye .dataTables_scrollHead,
body.theme-compleye .dataTables_scrollBody,
.content .dataTables_scrollHead,
.content .dataTables_scrollBody {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  border: none !important;
}

body.theme-compleye #example_wrapper .dataTables_length,
body.theme-compleye #example_wrapper .dataTables_filter,
body.theme-compleye #example_wrapper .dataTables_info,
body.theme-compleye #example_wrapper .dataTables_paginate,
.content #example_wrapper .dataTables_length,
.content #example_wrapper .dataTables_filter,
.content #example_wrapper .dataTables_info,
.content #example_wrapper .dataTables_paginate {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* Checkbox column — only when marked */
table.dataTable th.checkbox-column-row,
table.dataTable td.checkbox-column-row {
  width: 3rem !important;
  min-width: 3rem !important;
  max-width: 3.5rem !important;
  text-align: center !important;
  padding-left: 0.55rem !important;
  padding-right: 0.55rem !important;
}

/* Opt-in helpers used by Yajra DataTables columns */
table.dataTable td.col-meta,
table.dataTable th.col-meta,
table.dataTable td.col-date,
table.dataTable th.col-date {
  white-space: nowrap !important;
}

table.dataTable td.col-policy,
table.dataTable th.col-policy {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Action icons stay in one row */
table.dataTable th.action-row,
table.dataTable td.action-row,
table.dataTable thead th:last-child,
table.dataTable tbody td:last-child {
  white-space: nowrap !important;
  width: 4.5rem !important;
  text-align: right !important;
}

table.dataTable td.action-row a,
table.dataTable tbody td:last-child a:has(> i.fa),
table.dataTable tbody td:last-child a:has(> i.fas),
.content-wrapper table td a:has(> i.fa),
.content-wrapper table td a:has(> i.fas) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  margin: 0 0.1rem !important;
  border-radius: 0.4rem !important;
  vertical-align: middle !important;
  float: none !important;
}

table.dataTable td.action-row a:hover,
table.dataTable tbody td:last-child a:has(> i):hover {
  background: var(--brand-soft) !important;
}

table.dataTable td .fa,
table.dataTable td .fas,
.content-wrapper table td .fa,
.content-wrapper table td .fas {
  display: inline-block !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
}

/* Incidents: keep domains readable; allow soft wrap elsewhere */
#example td:nth-child(8) a {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

/* Match header/body padding so sort icons don't shift headings off cells */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting_asc_disabled,
table.dataTable thead th.sorting_desc_disabled {
  background-position: right 0.35rem center !important;
  padding-right: 1.35rem !important;
  padding-left: 0.55rem !important;
  text-align: left !important;
}

table.dataTable tbody td {
  padding-left: 0.55rem !important;
  padding-right: 0.55rem !important;
}

.table-hover tbody tr:hover,
table.dataTable tbody tr:hover td {
  background-color: var(--brand-soft) !important;
}

.page-item.active .page-link,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current,
div.dataTables_wrapper div.dataTables_paginate li.paginate_button.page-item.active a.page-link,
body.theme-compleye .page-item.active .page-link,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate li.paginate_button.page-item.active a.page-link,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate li.paginate_button.page-item.active > a {
  background: #002853 !important;
  background-color: #002853 !important;
  border-color: #002853 !important;
  color: #fff !important;
}

/* Footer: info + pagination — room under the table, never flush to the edge */
body.theme-compleye .dataTables_wrapper .dataTables_info,
body.theme-compleye .dataTables_wrapper .dataTables_paginate,
.content .dataTables_wrapper .dataTables_info,
.content .dataTables_wrapper .dataTables_paginate,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
  padding-top: 1rem !important;
  padding-bottom: 1.15rem !important;
  margin-top: 0.35rem !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

body.theme-compleye .dataTables_wrapper .dataTables_info,
.content .dataTables_wrapper .dataTables_info,
div.dataTables_wrapper div.dataTables_info {
  padding-left: 0.25rem !important;
  color: var(--muted) !important;
  font-size: 0.875rem !important;
}

body.theme-compleye .dataTables_wrapper .dataTables_paginate,
.content .dataTables_wrapper .dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate {
  padding-right: 0.25rem !important;
}

/* Unified pagination controls (Bootstrap + classic DataTables) */
body.theme-compleye .dataTables_wrapper .dataTables_paginate .pagination,
.content .dataTables_wrapper .dataTables_paginate .pagination {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin: 0 !important;
}

body.theme-compleye .dataTables_wrapper .dataTables_paginate .page-item,
.content .dataTables_wrapper .dataTables_paginate .page-item,
body.theme-compleye .dataTables_wrapper .dataTables_paginate li.paginate_button,
.content .dataTables_wrapper .dataTables_paginate li.paginate_button {
  margin: 0 !important;
}

.page-link,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate li a.page-link,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .page-link,
.content .dataTables_wrapper .dataTables_paginate .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.35rem !important;
  height: 2.35rem !important;
  padding: 0 0.75rem !important;
  margin: 0 !important;
  color: #002853 !important;
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 0.4rem !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.page-link:hover,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button:hover,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate li a.page-link:hover,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .page-link:hover,
.content .dataTables_wrapper .dataTables_paginate .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button:not(.current):hover {
  background: var(--brand-soft) !important;
  background-color: var(--brand-soft) !important;
  color: #002853 !important;
  border-color: var(--brand-mist) !important;
}

.page-item.active .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:hover,
body.theme-compleye .page-item.active .page-link:hover {
  background: #002853 !important;
  background-color: #002853 !important;
  border-color: #002853 !important;
  color: #fff !important;
}

.page-item.disabled .page-link,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button.disabled,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button.disabled:hover,
body.theme-compleye .page-item.disabled .page-link {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
  opacity: 0.65 !important;
  cursor: default !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  height: 2.5rem !important;
  color: var(--ink) !important;
}

/* -------------------------------------------------------------------------- */
/* Links & icons                                                               */
/* -------------------------------------------------------------------------- */

.content-wrapper > .content table tr td a,
a.text-primary,
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.brand-link):not(.page-link) {
  color: var(--brand);
}

a:not(.btn):hover {
  color: var(--brand-deep);
}

.fa.fa-edit,
.fas.fa-edit,
.fa.fa-pencil,
.fas.fa-pencil-alt {
  color: var(--accent) !important;
}

.fa.fa-trash,
.fas.fa-trash,
.fa.fa-window-close {
  color: var(--danger) !important;
}

/* -------------------------------------------------------------------------- */
/* Modals                                                                      */
/* -------------------------------------------------------------------------- */

.modal-content {
  border-radius: 1rem !important;
  border: 1px solid var(--line) !important;
  overflow: hidden;
}

.modal-header {
  background: linear-gradient(135deg, #002853 0%, #0a3d73 55%, #c48a3a 155%) !important;
  color: #fff !important;
  border-bottom: 0 !important;
}

.modal-header .modal-title,
.modal-header .close,
.modal-header .close span {
  color: #fff !important;
  opacity: 1;
  text-shadow: none;
}

.modal-footer {
  border-top: 1px solid var(--line) !important;
  background: #fff !important;
}

/* -------------------------------------------------------------------------- */
/* Tabs / pills                                                                */
/* -------------------------------------------------------------------------- */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: var(--brand) !important;
  color: #fff !important;
}

.nav-tabs .nav-link {
  color: var(--muted) !important;
  border-radius: 0.5rem 0.5rem 0 0 !important;
}

.nav-tabs .nav-link.active {
  color: var(--brand) !important;
  border-color: var(--line) var(--line) #fff !important;
  font-weight: 600;
}

.Incidence-tabing-sec #myTab .nav-item .nav-link {
  border: 1px solid var(--line) !important;
  background-color: transparent !important;
  border-radius: 0.5rem !important;
  color: var(--ink) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.75rem !important;
  padding: 0.65rem 1.1rem !important;
  margin: 0 0 0.5rem !important;
  line-height: 1.25 !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

.Incidence-tabing-sec #myTab .nav-item .nav-link:hover,
.Incidence-tabing-sec #myTab .nav-item .nav-link.active {
  color: #fff !important;
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

.Incidence-tabing-sec #myTab {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 1.25rem !important;
}

.Incidence-tabing-sec #myTab .nav-item {
  margin-right: 0 !important;
}

.Incidence-tabing-sec #myTabContent {
  background: #fff !important;
  border-radius: 0.75rem !important;
  border: 1px solid var(--line) !important;
  padding: 1.5rem !important;
}

/* Messaging tab: drop nested box borders (tab panel already has one) */
.Incidence-tabing-sec .messaging-template-div,
.Incidence-tabing-sec .messaging-custom-div,
body.theme-compleye .messaging-template-div,
body.theme-compleye .messaging-custom-div {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.Incidence-tabing-sec .messaging-template-div {
  padding-top: 0 !important;
  padding-bottom: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--line) !important;
}

.Incidence-tabing-sec .messaging-custom-div {
  padding: 0 !important;
  margin-bottom: 1.25rem !important;
}

.Incidence-tabing-sec .messaging-custom-div h4 {
  margin: 0 0 0.75rem !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
}

.Incidence-tabing-sec .messaging-custom-div .message_textarea,
.Incidence-tabing-sec textarea.message_textarea {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  min-height: 10rem !important;
  height: auto !important;
}

.Incidence-tabing-sec .messaging-template-div .select_email_type,
.Incidence-tabing-sec select.select_email_type {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Incident page action buttons (Save / Update / Send Email / Add) */
.Incidence-tabing-sec .btn,
.Incidence-tabing-sec button.btn,
.Incidence-tabing-sec input.btn,
.Incidence-tabing-sec input[type="submit"],
.Incidence-tabing-sec input[type="button"],
.Incidence-tabing-sec button:not(.close),
#send_compliance_email,
#send_compliance_email_sponsor,
#view_email,
#send_compliance_button,
.message_textarea_save_btn,
.comment_save_btn,
.notes_save_btn,
.zendesk_save_btn,
.save_valid,
#save_valid,
#save2,
#update_user_info,
input[name="update_btn"],
.action-top-box button,
.add_link_button,
.add_more_button {
  min-height: 3rem !important;
  height: auto !important;
  padding: 0.7rem 1.35rem !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.5rem !important;
}

.Incidence-tabing-sec .btn-sm,
.Incidence-tabing-sec a.btn.btn-sm {
  min-height: 2.75rem !important;
  padding: 0.55rem 1.1rem !important;
  font-size: 0.875rem !important;
}

/* -------------------------------------------------------------------------- */
/* Checkboxes / radios                                                         */
/* -------------------------------------------------------------------------- */

.custom-control-input:checked ~ .custom-control-label::before,
.icheck-primary > input:first-child:checked + label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 2px var(--brand-soft) !important;
}

/* -------------------------------------------------------------------------- */
/* Dropdowns                                                                   */
/* -------------------------------------------------------------------------- */

.dropdown-menu {
  border: 1px solid var(--line) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 16px 40px -18px rgba(0, 40, 83, 0.35) !important;
  padding: 0.35rem !important;
}

.dropdown-item {
  border-radius: 0.4rem !important;
  color: var(--ink) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}

/* -------------------------------------------------------------------------- */
/* Login / register                                                            */
/* -------------------------------------------------------------------------- */

.login-page,
.register-page {
  background:
    radial-gradient(ellipse at top left, var(--accent-mist), transparent 50%),
    radial-gradient(ellipse at bottom right, var(--brand-mist), transparent 55%),
    linear-gradient(160deg, var(--surface) 0%, #e8eaee 48%, var(--surface) 100%) !important;
}

.login-page .card-outline.card-primary,
.register-page .card-outline.card-primary {
  border-top: 3px solid var(--brand) !important;
  border-radius: 1rem !important;
}

.login-page .card,
.register-page .card {
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
}

.login-page .card-footer a,
.login-page a,
.register-page a {
  color: var(--brand) !important;
  font-weight: 600;
}

.login-box,
.register-box {
  width: 400px;
}

.login-logo a,
.register-logo a {
  color: var(--ink) !important;
}

/* -------------------------------------------------------------------------- */
/* Dashboard info boxes + status cards (Provizion-style)                       */
/* -------------------------------------------------------------------------- */

/* Kill old colored / image backgrounds that clip the right edge */
body.theme-compleye .col-12 .info-box,
body.theme-compleye .container-fluid .row .col-12:nth-child(2) .info-box,
body.theme-compleye .col-12:nth-child(3) .info-box,
body.theme-compleye .col-12:last-child .info-box,
body.theme-compleye .content .col-12:first-child .info-box,
body.theme-compleye .content .col-12:nth-child(4) .info-box,
body.theme-compleye .info-box,
body.theme-compleye .info-box.two,
body.theme-compleye .info-box.three,
body.theme-compleye .info-box.four,
.col-12 .info-box,
.container-fluid .row .col-12:nth-child(2) .info-box,
.col-12:nth-child(3) .info-box,
.col-12:last-child .info-box,
.content .col-12:first-child .info-box,
.content .col-12:nth-child(4) .info-box,
.info-box,
.info-box.two,
.info-box.three,
.info-box.four {
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  background-image: none !important;
  background-color: #fff !important;
  background-size: auto !important;
  background-position: initial !important;
  background-repeat: no-repeat !important;
  border: 1px solid var(--line) !important;
  border-radius: 1rem !important;
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
  color: var(--ink) !important;
  min-height: 7.5rem !important;
  height: auto !important;
  margin-bottom: 1rem !important;
  padding: 1.15rem 1.25rem !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.theme-compleye .info-box:hover,
.info-box:hover {
  border-color: var(--brand-mist) !important;
  box-shadow: 0 16px 36px -28px rgba(0, 40, 83, 0.55) !important;
}

/* Restore icon tile (was hidden by old CSS) */
body.theme-compleye .info-box span.info-box-icon,
.info-box span.info-box-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  margin: 0 1rem 0 0 !important;
  border-radius: 0.75rem !important;
  background: var(--brand) !important;
  color: #fff !important;
  box-shadow: none !important;
  elevation: 0 !important;
}

.info-box span.info-box-icon.bg-info,
.info-box span.info-box-icon.bg-danger,
.info-box span.info-box-icon.bg-success,
.info-box span.info-box-icon.bg-warning,
.info-box span.info-box-icon.bg-primary {
  background: var(--brand) !important;
  color: #fff !important;
}

.info-box span.info-box-icon a,
.info-box span.info-box-icon i {
  color: #fff !important;
  font-size: 1.15rem !important;
}

.info-box .info-box-content,
body.theme-compleye .info-box .info-box-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  position: static !important;
  min-height: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
}

/* Hide decorative dash images — Provizion uses icon tiles + text */
.info-box .info-box-content > img,
body.theme-compleye .info-box .info-box-content > img {
  display: none !important;
}

.info-box span,
.info-box .info-box-text,
.info-box .info-box-number,
.info-box a {
  color: var(--ink) !important;
}

.info-box .info-box-text {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  line-height: 1.3 !important;
}

.info-box .info-box-number {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--brand) !important;
  line-height: 1.2 !important;
  margin-top: 0.25rem !important;
}

/* Status / description cards under the chart area */
body.theme-compleye .content .card,
.content .card {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0.5rem 0 1.25rem !important;
}

body.theme-compleye .card-footer,
.content .card-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.theme-compleye .card-footer .row,
.content .card-footer .row {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

body.theme-compleye .card-footer .col-sm-3,
.content .card-footer .col-sm-3 {
  border-bottom: 0 !important;
  padding: 0.5rem !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* Kill old ::before / ::after column decorations that eat the right edge */
body.theme-compleye .card-footer .col-sm-3::before,
body.theme-compleye .card-footer .col-sm-3::after,
.content .card-footer .col-sm-3::before,
.content .card-footer .col-sm-3::after {
  display: none !important;
  content: none !important;
}

body.theme-compleye .description-block,
body.theme-compleye .description-block.border-right,
body.theme-compleye .card-footer .col-sm-3 .description-block,
.content .description-block,
.content .description-block.border-right,
.content .card-footer .col-sm-3 .description-block {
  border: 1px solid var(--line) !important;
  border-right: 1px solid var(--line) !important;
  border-radius: 1rem !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
  padding: 1.25rem 1rem !important;
  margin: 0 0 0.75rem 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-flow: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 10.5rem !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.theme-compleye .description-block:hover,
.content .description-block:hover {
  border-color: var(--brand-mist) !important;
  box-shadow: 0 16px 36px -28px rgba(0, 40, 83, 0.55) !important;
}

.description-block a,
.description-block h3,
.description-block h5,
.description-text,
.card-footer .description-block a,
.card-footer .col-sm-3 h3,
.card-footer .col-sm-3 h5 {
  color: var(--ink) !important;
}

.card-footer .col-sm-3 h3,
.description-block h3 {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  margin: 0.65rem 0 0.35rem !important;
  color: var(--brand) !important;
}

.card-footer .col-sm-3 h5,
.description-block h5 {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  margin: 0.65rem 0 0.35rem !important;
  color: var(--brand) !important;
}

.description-block > .description-text,
.description-text {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  line-height: 1.35 !important;
}

.description-block img {
  width: 2.75rem !important;
  height: 2.75rem !important;
  max-width: 2.75rem !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.description-block a:hover,
.card-footer .description-block a:hover,
.card-footer .description-block a:hover h5,
.card-footer .description-block a:hover h3 {
  color: var(--brand) !important;
  text-decoration: none !important;
}

/* Chart panel sits in its own Provizion card */
body.theme-compleye .content .card > .card-body,
.content .card > .card-body {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 1rem !important;
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
  padding: 1.25rem !important;
  margin-top: 0.5rem !important;
  overflow: hidden !important;
}

/* -------------------------------------------------------------------------- */
/* Hero / profile helpers                                                      */
/* -------------------------------------------------------------------------- */

.bo-hero,
.content-header .bo-hero,
.content .content-header .bo-hero {
  position: relative;
  overflow: hidden;
  padding: 1.35rem 1.5rem 1.4rem !important;
  color: #fff !important;
  background: linear-gradient(135deg, #002853 0%, #0a3d73 55%, #c48a3a 155%) !important;
  border-radius: 1rem !important;
  margin-bottom: 1.25rem !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  display: block !important;
}

.bo-hero::before {
  content: "";
  position: absolute;
  right: -2.5rem;
  top: -3rem;
  width: 11rem;
  height: 11rem;
  border-radius: 999px;
  background: rgba(196, 138, 58, 0.25);
  filter: blur(36px);
  pointer-events: none;
}

.bo-hero::after {
  content: "";
  position: absolute;
  left: 2.5rem;
  bottom: -4rem;
  width: 10rem;
  height: 10rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  filter: blur(36px);
  pointer-events: none;
}

.bo-hero > * {
  position: relative;
  z-index: 1;
}

.bo-hero .bo-kicker,
.content-header .bo-hero .bo-kicker {
  margin: 0 0 0.55rem !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--accent-mist) !important;
  line-height: 1.3 !important;
}

.bo-hero h1,
.content-header .bo-hero h1,
.content .content-header .bo-hero h1,
.content-header .container-fluid .bo-hero h1 {
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  max-width: none !important;
  flex: none !important;
  text-align: left !important;
}

.bo-hero p,
.content-header .bo-hero p,
.content .content-header .bo-hero p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Hero CTAs: never navy-on-navy — use gold (Provizion Edit pattern) */
.bo-hero .btn,
.bo-hero .btn-primary,
.bo-hero a.btn,
.bo-hero a.btn-primary,
body.theme-compleye .bo-hero .btn,
body.theme-compleye .bo-hero .btn-primary,
body.theme-compleye .bo-hero a.btn-primary {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: #fff !important;
  margin-top: 0.75rem !important;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.45) !important;
}

.bo-hero .btn:hover,
.bo-hero .btn-primary:hover,
.bo-hero a.btn-primary:hover,
body.theme-compleye .bo-hero .btn-primary:hover,
body.theme-compleye .bo-hero a.btn-primary:hover {
  background: var(--accent-deep) !important;
  background-color: var(--accent-deep) !important;
  border-color: var(--accent-deep) !important;
  color: #fff !important;
}

.bo-profile-card .box h4 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--ink);
}

/* -------------------------------------------------------------------------- */
/* Progress / switches / misc AdminLTE                                         */
/* -------------------------------------------------------------------------- */

.progress-bar,
.bg-primary,
.bg-info {
  background-color: var(--brand) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-warning {
  background-color: var(--accent) !important;
}

.text-primary,
.text-info {
  color: var(--brand) !important;
}

.text-muted {
  color: var(--muted) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.border-primary {
  border-color: var(--brand) !important;
}

.small-box {
  border-radius: 1rem !important;
  box-shadow: 0 18px 50px -28px rgba(0, 40, 83, 0.35) !important;
}

.small-box.bg-info,
.small-box.bg-primary {
  background: var(--brand) !important;
}

.list-group-item.active {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

.pagination-sm .page-link {
  min-height: auto;
}

/* Summernote / note editors */
.note-editor.note-frame {
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
}

.note-editor.note-frame .note-toolbar {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--line) !important;
}

.note-btn:hover,
.note-btn.active {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
}

/* -------------------------------------------------------------------------- */
/* Kill ALL old cyan / light-blue buttons — every filled action = navy         */
/* -------------------------------------------------------------------------- */

body.theme-compleye .btn[style*="#2bace2"],
body.theme-compleye a.btn[style*="#2bace2"],
body.theme-compleye .btn[style*="#0a5697"],
body.theme-compleye a.btn[style*="#0a5697"],
body.theme-compleye button[style*="#2bace2"],
body.theme-compleye button[style*="#0a5697"],
body.theme-compleye input[style*="#2bace2"],
body.theme-compleye input[style*="#0a5697"],
/* Bootstrap filled variants used as actions */
body.theme-compleye .btn-primary,
body.theme-compleye .btn-info,
body.theme-compleye .btn-dark,
body.theme-compleye .btn-secondary:not(.dropdown-toggle),
body.theme-compleye button.btn-primary,
body.theme-compleye button.btn.btn-primary,
body.theme-compleye button.btn.btn-primary[type="submit"],
body.theme-compleye a.btn.btn-primary,
body.theme-compleye a.btn.btn-block.btn-primary.btn-sm,
body.theme-compleye a.btn.btn-info,
body.theme-compleye .login-page button.btn-primary,
/* Create / Update / Submit on forms (old cyan targets) */
body.theme-compleye form#scrape_form input[type="submit"],
body.theme-compleye .content-wrapper form#scrape_form input[type="submit"],
body.theme-compleye .content-wrapper .button_right_side input.btn.btn-dark,
body.theme-compleye .content-wrapper .col-md-12.offset-md-4.button_right_side input.btn.btn-dark,
body.theme-compleye .content-wrapper input.btn.btn-dark[type="submit"],
body.theme-compleye input.btn.btn-dark,
body.theme-compleye input[type="submit"].btn,
body.theme-compleye input[type="submit"].btn-dark,
body.theme-compleye input[type="submit"].btn-primary,
body.theme-compleye button.category_save_btn,
body.theme-compleye button.domain_save_btn,
body.theme-compleye button.combination_save_btn,
body.theme-compleye button.policy_save_btn2,
body.theme-compleye button.user_save_btn,
body.theme-compleye #save,
body.theme-compleye #save2,
body.theme-compleye #save_valid,
body.theme-compleye #submitForm,
body.theme-compleye #updated_category,
body.theme-compleye #updated_domain,
body.theme-compleye #updated_combination,
body.theme-compleye #updated_policy,
body.theme-compleye #multi_delete,
body.theme-compleye button#multi_delete,
/* Custom legacy action buttons */
body.theme-compleye .add_link_button,
body.theme-compleye .add_more_button,
body.theme-compleye .content-wrapper button.add_link_button,
body.theme-compleye .content-wrapper .col-md-6 button.add_more_button,
body.theme-compleye .delete_upload_image,
body.theme-compleye .delete_image,
body.theme-compleye .button-export,
body.theme-compleye .referrer_search,
body.theme-compleye .action-top-box button,
body.theme-compleye #send_compliance_email,
body.theme-compleye #send_compliance_email_sponsor,
body.theme-compleye #view_email_template,
body.theme-compleye #view_email,
body.theme-compleye #send_compliance_button,
body.theme-compleye .message_textarea_save_btn,
body.theme-compleye .comment_save_btn,
body.theme-compleye .notes_save_btn,
body.theme-compleye .zendesk_save_btn,
body.theme-compleye .selected_policy_button,
body.theme-compleye button.add_sub_policy_button,
/* Utility bg-* on buttons */
body.theme-compleye .btn.bg-primary,
body.theme-compleye .btn.bg-info,
body.theme-compleye .btn.bg-dark,
body.theme-compleye button.bg-primary,
body.theme-compleye button.bg-info {
  background: #002853 !important;
  background-color: #002853 !important;
  border-color: #002853 !important;
  color: #fff !important;
}

body.theme-compleye .btn-primary:hover,
body.theme-compleye .btn-primary:focus,
body.theme-compleye .btn-info:hover,
body.theme-compleye .btn-info:focus,
body.theme-compleye .btn-dark:hover,
body.theme-compleye .btn-dark:focus,
body.theme-compleye form#scrape_form input[type="submit"]:hover,
body.theme-compleye .content-wrapper form#scrape_form input[type="submit"]:hover,
body.theme-compleye .add_link_button:hover,
body.theme-compleye .add_more_button:hover,
body.theme-compleye .content-wrapper button.add_link_button:hover,
body.theme-compleye .content-wrapper .col-md-6 button.add_more_button:hover,
body.theme-compleye button#multi_delete:hover,
body.theme-compleye .action-top-box button:hover,
body.theme-compleye #send_compliance_email:hover,
body.theme-compleye #view_email_template:hover,
body.theme-compleye #send_compliance_email_sponsor:hover {
  background: #1c2433 !important;
  background-color: #1c2433 !important;
  border-color: #1c2433 !important;
  color: #fff !important;
}

/* Delete / danger: also navy so no second “button blue” — keep red only for text/icons */
body.theme-compleye .btn-danger,
body.theme-compleye button.btn-danger,
body.theme-compleye a.btn-danger {
  background: #002853 !important;
  background-color: #002853 !important;
  border-color: #002853 !important;
  color: #fff !important;
}

body.theme-compleye .btn-danger:hover,
body.theme-compleye button.btn-danger:hover {
  background: #1c2433 !important;
  border-color: #1c2433 !important;
  color: #fff !important;
}

/* Outline / cancel stay neutral (not filled cyan) */
body.theme-compleye .btn-default,
body.theme-compleye .btn-outline-secondary,
body.theme-compleye .btn-outline-primary,
body.theme-compleye button.btn-default {
  background: transparent !important;
  background-color: transparent !important;
  color: #002853 !important;
  border: 1px solid #d5dae3 !important;
}

/* User dropdown: Log Out / Profile as text links (Provizion style) */
body.theme-compleye .user-menu .dropdown-menu,
.user-menu .dropdown-menu {
  border: 1px solid var(--line) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 16px 40px -18px rgba(0, 40, 83, 0.35) !important;
  padding: 0.35rem !important;
  min-width: 10rem !important;
}

body.theme-compleye .user-menu .user-footer,
.user-menu .user-footer {
  background: transparent !important;
  border-top: 0 !important;
  padding: 0.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
}

body.theme-compleye .user-menu .user-footer .btn,
body.theme-compleye .user-menu .user-footer .btn-default,
body.theme-compleye .user-menu .user-footer a.btn,
.user-menu .user-footer .btn,
.user-menu .user-footer .btn-default,
.user-menu .user-footer a.btn {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  height: auto !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.5rem !important;
  text-align: left !important;
}

body.theme-compleye .user-menu .user-footer .btn:hover,
body.theme-compleye .user-menu .user-footer a.btn:hover,
.user-menu .user-footer .btn:hover,
.user-menu .user-footer a.btn:hover {
  background: var(--brand-soft) !important;
  color: var(--brand-deep) !important;
  border: 0 !important;
}

body.theme-compleye .user-menu .user-footer .btn i,
.user-menu .user-footer .btn i {
  color: inherit !important;
  margin: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* Login / auth polish                                                         */
/* -------------------------------------------------------------------------- */

.login-page .card-header,
.register-page .card-header {
  background: transparent !important;
  color: var(--ink) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 1rem 1.25rem 0.5rem !important;
}

.login-page .card-header .card-title,
.register-page .card-header .card-title {
  color: var(--ink) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  width: 100%;
  float: none !important;
}

.login-page .card-footer,
.register-page .card-footer {
  background: #fff !important;
  border-top: 1px solid var(--line) !important;
  padding: 0.85rem 1.25rem 1.1rem !important;
  text-align: center !important;
}

.login-page .card-footer p,
.register-page .card-footer p {
  margin: 0.35rem 0 !important;
  text-align: center !important;
}

.login-page .card-footer a,
.register-page .card-footer a {
  display: inline-block;
  text-align: center;
  color: var(--brand) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

.login-page form .btn,
.login-page button.btn-primary,
.login-page .btn.btn-block {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  gap: 0.45rem !important;
}

.login-page .icheck-primary,
.login-page .col-7 {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
}

.login-page .row {
  align-items: center;
}

/* Remember Me: native checkbox + tight gap (drop icheck fake box spacing) */
.login-page .icheck-primary,
.register-page .icheck-primary,
.login-page [class*="icheck-"],
.register-page [class*="icheck-"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.login-page .icheck-primary > input[type="checkbox"],
.register-page .icheck-primary > input[type="checkbox"],
.login-page .icheck-primary > input:first-child,
.register-page .icheck-primary > input:first-child {
  position: static !important;
  opacity: 1 !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  accent-color: #002853;
  cursor: pointer;
  float: none !important;
}

.login-page .icheck-primary > label,
.register-page .icheck-primary > label {
  display: inline !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--ink) !important;
  cursor: pointer;
  vertical-align: middle !important;
}

.login-page .icheck-primary > input:first-child + label::before,
.login-page .icheck-primary > input:first-child + label::after,
.register-page .icheck-primary > input:first-child + label::before,
.register-page .icheck-primary > input:first-child + label::after,
.login-page .icheck-primary > input:first-child:checked + label::after,
.register-page .icheck-primary > input:first-child:checked + label::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Input groups (login icons, date pickers) — keep append aligned */
.input-group {
  flex-wrap: nowrap;
  align-items: stretch;
}

.input-group > .form-control,
.input-group > .custom-select {
  height: 3rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
  height: 3rem !important;
  border: 1px solid var(--line) !important;
  background: var(--surface) !important;
  color: var(--muted) !important;
  border-radius: 0 0.5rem 0.5rem 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
}

.input-group-prepend .input-group-text {
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.input-group > .form-control:focus {
  z-index: 3;
}

/* -------------------------------------------------------------------------- */
/* Button / file spacing (stop overlapping & touching)                         */
/* -------------------------------------------------------------------------- */

.card-header .btn + .btn,
.card-tools .btn + .btn,
.card-body > .btn + .btn,
.card-footer .btn + .btn,
.modal-footer .btn + .btn,
.content .btn:not(.btn-block):not(.dropdown-toggle) + .btn:not(.dropdown-toggle),
.action-top-box button + button,
.btn-ctsm-sec button + button,
.d-flex > .btn + .btn,
.button_right_side .btn + .btn {
  margin-left: 0.5rem !important;
}

.btn-group {
  gap: 0;
}

.btn-group > .btn {
  margin-left: 0 !important;
}

/* Stacked action buttons (Create / Upload blocks) */
.card-header a.btn-block + a.btn-block,
.card-tools a.btn-block + a.btn-block,
.content a.btn.btn-block + a.btn.btn-block,
.content .btn.btn-block + .btn.btn-block {
  margin-top: 0.5rem !important;
  margin-left: 0 !important;
}

/* File inputs: space from neighboring buttons / next file row */
input[type="file"].form-control,
input.file_upload,
.form-control-file,
[class*="screenshot_image_"] {
  margin-bottom: 0.75rem !important;
}

[class*="screenshot_image_"] .form-control,
[class*="screenshot_image_"] input[type="file"] {
  margin-bottom: 0.5rem !important;
}

.btn-ctsm-sec,
.action-top-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0 0.75rem;
}

.btn-ctsm-sec .add_more_button,
.action-top-box button,
.add_link_button,
.add_more_button,
.delete_upload_image,
.delete_image {
  margin: 0.25rem 0.35rem 0.25rem 0 !important;
  min-height: 2.5rem;
  padding: 0 0.9rem !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
}

/* DataTables action icons in a row */
.table-actions,
table.dataTable td.action-row .table-actions,
table.dataTable td.action-row,
table.dataTable tbody td:last-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0.25rem !important;
  white-space: nowrap !important;
}

table.dataTable td.action-row,
table.dataTable tbody td:last-child {
  display: table-cell !important;
}

table.dataTable td.action-row .table-actions {
  display: inline-flex !important;
  width: 100% !important;
}

table.dataTable td .btn + .btn,
table td a.btn + a.btn,
table td .fa + .fa,
table td .fas + .fas,
.content-wrapper table td a + a {
  margin-left: 0 !important;
}

table.dataTable td.col-meta,
table.dataTable th.col-meta,
table.dataTable td.col-date,
table.dataTable th.col-date {
  white-space: nowrap !important;
}

table.dataTable td.col-policy,
table.dataTable th.col-policy {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Prevent floor float from stacking buttons on top of fields */
form .btn {
  float: none !important;
}

.form-group.row.mb-2.full-width .btn,
.card-body.row_upper_form .btn,
.button_right_side .btn {
  float: none !important;
}

.button_right_side,
.modal-footer.button_right_side {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* -------------------------------------------------------------------------- */
/* Content header filters (Incidents search + dropdowns)                       */
/* -------------------------------------------------------------------------- */

.content-header,
.content .content-header {
  position: relative !important;
  padding: 1rem 0.5rem 1.15rem !important;
  text-align: left !important;
}

/* Title + search on one row (no absolute overlay on filters) */
.content-header .container-fluid,
.content-header > .container-fluid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem 1rem !important;
}

.content-header h1,
.content .content-header h1,
.content-header .container-fluid > h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  font-family: Lato, "Source Sans Pro", sans-serif !important;
}

.content-header .custom_search_div,
.content-header .container-fluid > .custom_search_div {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: 280px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end;
  z-index: auto;
}

.content-header .custom_search_div input#search_name {
  width: 260px !important;
  max-width: 100% !important;
  height: 2.75rem !important;
  margin: 0 !important;
  border: 1px solid var(--line) !important;
  border-radius: 0.5rem !important;
  padding: 0 2.5rem 0 0.85rem !important;
  color: var(--ink) !important;
  background: #fff !important;
}

.content-header .custom_search_div i.fas.fa-search {
  position: absolute !important;
  right: 0.85rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--accent) !important;
  pointer-events: none;
}

/* List pages: Delete left | Title truly centered | Search right */
.content-header .main_heading_div,
.main_heading_div,
body.theme-compleye .main_heading_div,
body.theme-compleye .content-header .main_heading_div {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  width: 100% !important;
  position: relative !important;
  padding: 0.5rem 0 1rem !important;
  margin: 0 !important;
  min-height: 3.25rem !important;
}

/* Side slots (Delete / Search) stay clear of the centered title */
.main_heading_div > div,
body.theme-compleye .main_heading_div > div {
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.main_heading_div > div:first-child {
  justify-content: flex-start !important;
  text-align: left !important;
  min-width: 8rem !important;
}

/* Title: absolute center of the full row (above gold bar) */
.main_heading_div .center_heading,
body.theme-compleye .main_heading_div .center_heading,
.content-header .main_heading_div .center_heading {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  flex: none !important;
  width: auto !important;
  max-width: calc(100% - 18rem) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  pointer-events: none !important;
}

.main_heading_div .center_heading h1,
.content-header .main_heading_div .center_heading h1,
.content .main_heading_div .center_heading h1,
body.theme-compleye .main_heading_div .center_heading h1,
body.theme-compleye .content-header .main_heading_div .center_heading h1 {
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: var(--ink) !important;
  text-align: center !important;
  width: auto !important;
  max-width: 100% !important;
  flex: none !important;
  pointer-events: auto !important;
}

.main_heading_div .center_heading h1::after,
.content-header .main_heading_div .center_heading h1::after,
body.theme-compleye .main_heading_div .center_heading h1::after {
  content: "" !important;
  display: block !important;
  width: 2.5rem !important;
  height: 3px !important;
  margin: 0.45rem auto 0 !important;
  border-radius: 999px !important;
  background: var(--accent) !important;
}

.main_heading_div .custom_search_div,
.content-header .main_heading_div .custom_search_div,
body.theme-compleye .main_heading_div .custom_search_div {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: 280px !important;
  margin: 0 0 0 auto !important;
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

button#multi_delete,
.content-header button#multi_delete,
body.theme-compleye button#multi_delete {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 2.75rem !important;
  height: 2.75rem !important;
  padding: 0 1.15rem !important;
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  border-radius: 0.5rem !important;
  color: #fff !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

button#multi_delete:hover,
body.theme-compleye button#multi_delete:hover {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
}

.content-header .main_heading_div + .row {
  margin-top: 0.85rem !important;
}

/* Filter row always below title/search — never under the search box */
.content-header .container-fluid > .row,
.content-header > .container-fluid > .row,
.content-header .row {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.35rem !important;
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  align-items: center !important;
}

.content-header .row > [class*="col-"] {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  margin-bottom: 0.65rem !important;
}

.content-header .row .btn,
.content-header .row .form-control,
.content-header .row select,
.content-header .row input[type="text"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 2.75rem !important;
  border-radius: 0.5rem !important;
  border: 1px solid var(--line) !important;
}

.content-header .row select.form-control,
.content-header .row #categoryFilter {
  float: none !important;
  max-width: 100% !important;
  margin-right: 0 !important;
}


/* upper space designer */
.wrapper {
    padding-top: 0;
}
 
.content-header .container-fluid, .content-header > .container-fluid {
    gap: 0 !important;
}
 
.content-header {
    padding-bottom: 0 !important;
}
 
/* .content-header .row > [class*="col-"] {
    max-width: max-content;
    margin-bottom: 0 !important;
} */
 
div#example_length label {
    margin: 0;
}
 
.content-header .custom_search_div, .content-header .container-fluid > .custom_search_div {
    margin-bottom: 5px !important;
}
.content-header {
    padding: 1.00rem 0 0.5rem !important;
}
/* upper space designer */

/* -------------------------------------------------------------------------- */
/* Responsive tweaks                                                           */
/* -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
  .login-box,
  .register-box {
    width: 90%;
  }

  .bo-hero {
    padding: 1rem 1.15rem;
  }

  .bo-hero h1 {
    font-size: 1.4rem;
  }

  .btn {
    width: auto;
  }

  .card-header .btn + .btn,
  .content .btn:not(.btn-block) + .btn {
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }

  .content-header .container-fluid {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .content-header h1,
  .content .content-header h1 {
    max-width: 100% !important;
    margin-bottom: 0 !important;
  }

  .content-header .custom_search_div {
    max-width: none !important;
    width: 100% !important;
  }

  .content-header .custom_search_div input#search_name {
    width: 100% !important;
  }

  .content-header .row {
    margin-top: 0.25rem !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Gold accent placements (Provizion-style — not on filled action buttons)     */
/* -------------------------------------------------------------------------- */

/* Page titles: thin gold underline accent */
.content-header h1::after,
.content .content-header h1::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 3px;
  margin-top: 0.45rem;
  border-radius: 999px;
  background: var(--accent);
}

/* Standalone content-header titles (no Delete/Search row): keep centered look */
.content-header > .container-fluid > h1,
.content-header .container-fluid > .row > [class*="col-"] > h1,
.content-header .row > .col-md-9 > h1,
.content-header .row > .col-md-12 > h1 {
  text-align: center !important;
  width: 100% !important;
  flex: 1 1 100% !important;
}

.content-header .row > .col-md-9 > h1::after,
.content-header .row > .col-md-12 > h1::after,
.content-header > .container-fluid > h1::after {
  margin-left: auto;
  margin-right: auto;
}

/* Dashboard / list search magnifier */
.custom_search_div i.fas.fa-search,
body.theme-compleye .custom_search_div i.fas.fa-search {
  color: var(--accent) !important;
}

/* Soft status chips (badges) use gold tint */
.badge-warning,
.badge-secondary,
span.badge.bg-warning,
body.theme-compleye .badge-warning {
  background: var(--accent-soft) !important;
  color: var(--accent-deep) !important;
  border: 0 !important;
  font-weight: 600 !important;
}

/* Login / auth card: gold accent edge */
.login-page .card,
.register-page .card {
  border-top: 3px solid var(--accent) !important;
}

/* Info-box warning icon tile */
.info-box .info-box-icon.bg-warning,
body.theme-compleye .info-box-icon.bg-warning {
  background: var(--accent) !important;
  color: #fff !important;
}

/* Nested sidebar tree accent line */
.nav-sidebar .nav-treeview,
.nav-sidebar > .nav-item > ul.nav-treeview {
  border-left-color: var(--accent-mist) !important;
}

/* User menu caret + pagination — hard override leftover cyan */
body.theme-compleye li.nav-item.dropdown.user-menu span:after,
li.nav-item.dropdown.user-menu span:after {
  color: #002853 !important;
}

body.theme-compleye div.dataTables_wrapper div.dataTables_paginate li.paginate_button.page-item.active a.page-link,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current,
body.theme-compleye .page-item.active .page-link,
div.dataTables_wrapper div.dataTables_paginate li.paginate_button.page-item.active a.page-link,
div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current {
  background: #002853 !important;
  background-color: #002853 !important;
  border-color: #002853 !important;
  color: #fff !important;
}

body.theme-compleye div.dataTables_wrapper div.dataTables_paginate .page-link,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate a.paginate_button {
  color: #002853 !important;
  background: #fff !important;
  border-color: #d5dae3 !important;
}

/* No gold underline under hero titles */
.content-header .bo-hero h1::after,
.bo-hero h1::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Email template: Preview button not flush against first field */
.email-template .form-buttons,
.email-template .button_left_side,
body.theme-compleye .email-template .form-buttons {
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.25rem !important;
}

.email-template .form-buttons .btn,
.email-template .button_left_side .btn {
  margin-bottom: 0 !important;
}

.email-template #policy_form .form-group,
.email-template .email-fields .form-field {
  margin-bottom: 1.25rem !important;
}

.email-template #policy_form .form-group:first-child,
.email-template .email-fields .form-field:first-child {
  margin-top: 0.25rem !important;
}

/* One screen: the window stays put, list tables use the space under the navbar */
body.theme-compleye {
  height: 100vh;
  overflow: hidden;
}

body.theme-compleye .wrapper {
  height: 100vh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 0;
}

body.theme-compleye .content-wrapper {
  min-height: 0 !important;
  height: calc(100vh - 3.5rem) !important;
  max-height: calc(100vh - 3.5rem) !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.theme-compleye .content-header {
  flex: 0 0 auto !important;
  padding: 0.45rem 0 0.15rem !important;
}

body.theme-compleye .content-wrapper > .content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

body.theme-compleye .content-wrapper:has(table.dataTable) > .content {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0.2rem !important;
  padding-bottom: 0.15rem !important;
}

body.theme-compleye .content-wrapper:has(table.dataTable) .content > .container-fluid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.theme-compleye .main_heading_div,
body.theme-compleye .content-header .main_heading_div {
  min-height: 0 !important;
  padding: 0 0 0.35rem !important;
  gap: 0.5rem !important;
}

body.theme-compleye .main_heading_div .center_heading h1,
body.theme-compleye .content-header h1,
body.theme-compleye .list-toolbar h1 {
  font-size: 1.15rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.theme-compleye .content-header .custom_search_div input#search_name,
body.theme-compleye .main_heading_div .custom_search_div input#search_name {
  height: 2rem !important;
  min-height: 0 !important;
}

body.theme-compleye .list-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  margin: 0 !important;
}

body.theme-compleye .list-toolbar-title {
  flex: 0 0 auto !important;
  margin-right: 0.25rem !important;
}

body.theme-compleye .list-toolbar .btn {
  flex: 0 0 auto !important;
  height: 2rem !important;
  padding: 0 0.7rem !important;
  white-space: nowrap !important;
}

body.theme-compleye .list-toolbar input,
body.theme-compleye .list-toolbar select,
body.theme-compleye .list-toolbar .form-control {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 2rem !important;
  min-height: 0 !important;
  margin: 0 !important;
  float: none !important;
  padding: 0 0.55rem !important;
  font-size: 0.8125rem !important;
}

body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_length,
body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_filter,
body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_info,
body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_paginate,
body.theme-compleye .content-wrapper:has(table.dataTable) .dt-buttons {
  flex: 0 0 auto !important;
}

body.theme-compleye .content-wrapper:has(table.dataTable) table.dataTable {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.theme-compleye div.dataTables_wrapper div.dataTables_length,
body.theme-compleye div.dataTables_wrapper div.dataTables_filter,
body.theme-compleye div.dataTables_wrapper div.dataTables_info,
body.theme-compleye div.dataTables_wrapper div.dataTables_paginate,
body.theme-compleye #example_wrapper .dataTables_info,
body.theme-compleye #example_wrapper .dataTables_paginate {
  margin-top: 0.2rem !important;
  margin-bottom: 0.1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.theme-compleye table.dataTable thead th {
  padding: 0.4rem 0.45rem !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.theme-compleye table.dataTable tbody td {
  padding: 0.32rem 0.45rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.theme-compleye .card-body.row_upper_form {
  padding: 0.35rem 0.5rem !important;
  margin-bottom: 0.35rem !important;
}

body.theme-compleye .card-body.row_upper_form .form-group {
  margin-bottom: 0.25rem !important;
}

body.theme-compleye .card-body.row_upper_form .form-control,
body.theme-compleye .card-body.row_upper_form select {
  height: 2rem !important;
  min-height: 0 !important;
}

body.theme-compleye .account-heading {
  padding: 0.15rem 0 0 !important;
}

body.theme-compleye .account-heading h1 {
  font-size: 1.35rem !important;
  margin: 0 !important;
}

body.theme-compleye .account-heading p {
  margin: 0.15rem 0 0 !important;
  color: #5c6b7a;
}

body.theme-compleye .account-screen {
  max-width: 980px;
}

body.theme-compleye .account-alert {
  margin-bottom: 0.75rem;
}

body.theme-compleye .account-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: start;
}

body.theme-compleye .account-card {
  background: #fff;
  border: 1px solid #d5dae3;
  border-radius: 0.75rem;
  padding: 1.1rem 1.15rem 1.2rem;
}

body.theme-compleye .account-card h2 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
  color: #002853;
}

body.theme-compleye .account-card-note {
  margin: 0 0 0.9rem;
  color: #5c6b7a;
  font-size: 0.875rem;
}

body.theme-compleye .account-card .form-group {
  margin-bottom: 0.75rem;
}

body.theme-compleye .account-card label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #002853;
}

@media (max-width: 860px) {
  body.theme-compleye .account-grid {
    grid-template-columns: 1fr;
  }

  body.theme-compleye .list-toolbar {
    flex-wrap: wrap !important;
  }
}

/* workspace-list-skin */
body.theme-compleye {
  height: auto !important;
  overflow: auto !important;
  background: #f5f7fb !important;
}
body.theme-compleye .wrapper {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
body.theme-compleye .content-wrapper {
  height: auto !important;
  max-height: none !important;
  min-height: calc(100vh - 3.5rem) !important;
  overflow: visible !important;
  display: block !important;
  background: #f5f7fb !important;
}
body.theme-compleye .content-wrapper > .content,
body.theme-compleye .content-wrapper:has(table.dataTable) > .content,
body.theme-compleye .content-wrapper:has(table.dataTable) .content > .container-fluid,
body.theme-compleye .content-wrapper:has(table.dataTable) .dataTables_wrapper {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  flex: none !important;
}
body.theme-compleye .content-header {
  padding: 0.85rem 0 0 !important;
}
body.theme-compleye .ws-page { margin-bottom: 0.85rem; }
body.theme-compleye .ws-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}
body.theme-compleye .ws-head h1,
body.theme-compleye .ws-head-copy h1 {
  margin: 0 !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.2 !important;
}
body.theme-compleye .ws-head-copy h1::after { display: none !important; }
body.theme-compleye .ws-head p {
  margin: 0.2rem 0 0;
  color: #64748b;
  font-size: 0.92rem;
}
body.theme-compleye .ws-btn-primary {
  background: #2563eb !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 0.55rem 0.95rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
}
body.theme-compleye .ws-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
body.theme-compleye .ws-stat {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  padding: 0.85rem 1rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.theme-compleye .ws-stat strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1.1;
  color: #0f172a;
}
body.theme-compleye .ws-stat em {
  display: block;
  margin-top: 0.15rem;
  font-style: normal;
  color: #64748b;
  font-size: 0.82rem;
}
body.theme-compleye .ws-stat-icon {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
body.theme-compleye .ws-tone-rose { background: #fff1f2; color: #e11d48; }
body.theme-compleye .ws-tone-blue { background: #eff6ff; color: #2563eb; }
body.theme-compleye .ws-tone-amber { background: #fffbeb; color: #d97706; }
body.theme-compleye .ws-tone-green { background: #ecfdf3; color: #16a34a; }
body.theme-compleye .ws-filters {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  padding: 0.7rem;
}
body.theme-compleye .ws-search {
  position: relative;
  flex: 1 1 220px;
  margin: 0;
  min-width: 180px;
}
body.theme-compleye .ws-search i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
}
body.theme-compleye .ws-search input,
body.theme-compleye .ws-filters select,
body.theme-compleye .ws-filters input[type="date"] {
  height: 2.45rem !important;
  min-height: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 0.875rem !important;
  padding: 0 0.75rem !important;
  width: 100%;
}
body.theme-compleye .ws-search input { padding-left: 2.2rem !important; }
body.theme-compleye .ws-filters select,
body.theme-compleye .ws-filters input[type="date"] {
  width: auto;
  min-width: 140px;
}
body.theme-compleye .ws-btn-ghost,
body.theme-compleye .ws-btn-danger,
body.theme-compleye .ws-btn-apply {
  height: 2.45rem !important;
  border-radius: 10px !important;
  padding: 0 0.85rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
}
body.theme-compleye .ws-btn-ghost {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}
body.theme-compleye .ws-btn-danger {
  background: #fff !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
}
body.theme-compleye .ws-btn-apply {
  background: #0f172a !important;
  border: 0 !important;
  color: #fff !important;
  margin-left: auto;
}
body.theme-compleye .ws-add {
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  padding: 0.85rem 1rem 0.35rem;
  margin: 0 0 0.75rem;
}
body.theme-compleye .ws-add .card-body { padding: 0 !important; }
body.theme-compleye .dataTables_wrapper,
body.theme-compleye .ws-plain {
  background: #fff !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 14px !important;
  padding: 0.35rem 0.85rem 0.75rem !important;
  overflow: auto !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.theme-compleye .ws-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0.15rem;
  color: #64748b;
  font-size: 0.82rem;
}
body.theme-compleye .ws-meta .dataTables_length,
body.theme-compleye .ws-meta .dataTables_paginate,
body.theme-compleye .ws-meta .dataTables_info {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
body.theme-compleye .ws-meta .dataTables_length label,
body.theme-compleye .ws-meta .dataTables_info {
  margin: 0 !important;
  color: #64748b !important;
  font-weight: 500;
}
body.theme-compleye .ws-meta .dataTables_length select {
  height: 2rem !important;
  min-height: 0 !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  margin: 0 0.35rem !important;
}
body.theme-compleye table.dataTable,
body.theme-compleye .content table.dataTable {
  table-layout: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
body.theme-compleye table.dataTable thead th,
body.theme-compleye .ws-plain thead th {
  background: #fff !important;
  color: #94a3b8 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid #e7edf5 !important;
  padding: 0.65rem 0.55rem !important;
  white-space: nowrap !important;
}
body.theme-compleye table.dataTable tbody td,
body.theme-compleye .ws-plain tbody td {
  padding: 0.72rem 0.55rem !important;
  font-size: 0.84rem !important;
  color: #1e293b !important;
  border-top: 1px solid #f1f5f9 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  background: #fff !important;
}
body.theme-compleye table.dataTable tbody tr:hover td { background: #f8fafc !important; }
body.theme-compleye .ws-badge,
body.theme-compleye .ws-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
}
body.theme-compleye .ws-pill { background: #eff6ff; color: #2563eb; }
body.theme-compleye .ws-badge-info { background: #eff6ff; color: #2563eb; }
body.theme-compleye .ws-badge-warn { background: #fffbeb; color: #b45309; }
body.theme-compleye .ws-badge-ok { background: #ecfdf3; color: #15803d; }
body.theme-compleye .ws-badge-danger { background: #fff1f2; color: #e11d48; }
body.theme-compleye .ws-badge-neutral { background: #f1f5f9; color: #475569; }
body.theme-compleye .ws-link { color: #2563eb !important; font-weight: 600; }
body.theme-compleye .ws-agent { display: inline-flex; align-items: center; gap: 0.45rem; }
body.theme-compleye .ws-avatar {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  background: #e0e7ff;
  color: #3730a3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
}
body.theme-compleye .ws-when { display: inline-flex; flex-direction: column; line-height: 1.15; }
body.theme-compleye .ws-when small,
body.theme-compleye .ws-empty { color: #94a3b8; }
body.theme-compleye table.dataTable td .fa-edit,
body.theme-compleye table.dataTable td .fa-eye,
body.theme-compleye table.dataTable td .fa-cog { color: #2563eb; }
body.theme-compleye table.dataTable td .fa-trash { color: #dc2626; margin-left: 0.55rem; }
body.theme-compleye .table-actions { display: inline-flex; align-items: center; gap: 0.65rem; }
body.theme-compleye .table-actions .fa-trash { margin-left: 0; }
/* full-bleed tables: dark headers, no card shadow, pager stays inside the row */
body.theme-compleye .content-wrapper > .content,
body.theme-compleye .content-wrapper > .content-header {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
body.theme-compleye .content > .container-fluid,
body.theme-compleye .content-header > .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}
body.theme-compleye .dataTables_wrapper,
body.theme-compleye .ws-plain,
body.theme-compleye .content .dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
body.theme-compleye table.dataTable,
body.theme-compleye .content table.dataTable,
body.theme-compleye .ws-plain {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
body.theme-compleye table.dataTable thead th,
body.theme-compleye .content table thead th,
body.theme-compleye .ws-plain thead th {
  background: #e8eef5 !important;
  color: #1e293b !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 0.7rem 0.75rem !important;
  border: 0 !important;
  border-bottom: 1px solid #d5deea !important;
  white-space: nowrap !important;
  overflow: visible !important;
  position: relative;
}
body.theme-compleye table.dataTable thead th.sorting,
body.theme-compleye table.dataTable thead th.sorting_asc,
body.theme-compleye table.dataTable thead th.sorting_desc,
body.theme-compleye table.dataTable thead th.sorting_asc_disabled,
body.theme-compleye table.dataTable thead th.sorting_desc_disabled {
  padding-right: 0.75rem !important;
  background-image: none !important;
}
body.theme-compleye table.dataTable tbody td,
body.theme-compleye .ws-plain tbody td {
  padding: 0.7rem 0.75rem !important;
  text-align: left !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2f6 !important;
  background: #fff !important;
}
body.theme-compleye table.dataTable th.checkbox-column-row,
body.theme-compleye table.dataTable td.checkbox-column-row,
body.theme-compleye table.dataTable th.action-row,
body.theme-compleye table.dataTable td.action-row {
  text-align: center !important;
  width: 1% !important;
  white-space: nowrap !important;
}
body.theme-compleye .ws-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.45rem 0 !important;
  overflow: visible !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_length,
body.theme-compleye .dataTables_wrapper .dataTables_info,
body.theme-compleye .dataTables_wrapper .dataTables_paginate {
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_paginate {
  margin-left: auto !important;
  text-align: right !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_paginate .pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_paginate .paginate_button,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .page-item {
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_paginate .page-link,
body.theme-compleye .dataTables_wrapper .dataTables_paginate a.paginate_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2rem !important;
  height: 2rem !important;
  padding: 0 0.45rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_paginate .previous .page-link,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .next .page-link,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
body.theme-compleye .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}

body.theme-compleye .dataTables_paginate .paginate_button.current,
body.theme-compleye .dataTables_paginate .paginate_button.current:hover,
body.theme-compleye .page-item.active .page-link {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
  border-radius: 8px !important;
}
body.theme-compleye .ws-stat,
body.theme-compleye .ws-filters,
body.theme-compleye .ws-add,
body.theme-compleye .content .card {
  box-shadow: none !important;
}
body.theme-compleye .dataTables_filter { display: none !important; }

/* Inner pages, edit screens, popups, and links — same surfaces as the lists */
body.theme-compleye .content-header h1,
body.theme-compleye .content > .container-fluid > h1,
body.theme-compleye .content h1 {
  color: #1e293b !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin: 0 0 0.75rem !important;
}
body.theme-compleye .content-header h1::after,
body.theme-compleye .content h1::after {
  display: none !important;
}
body.theme-compleye .content .card,
body.theme-compleye .modal-content {
  background: #fff !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden;
}
body.theme-compleye .content .card-header,
body.theme-compleye .modal-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e7edf5 !important;
  color: #1e293b !important;
}
body.theme-compleye .modal-title,
body.theme-compleye .content .card-title {
  color: #1e293b !important;
  font-weight: 700 !important;
}
body.theme-compleye .modal-footer {
  background: #fff !important;
  border-top: 1px solid #e7edf5 !important;
}
body.theme-compleye .modal-header .close {
  color: #1e293b !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.theme-compleye .content label,
body.theme-compleye .modal label,
body.theme-compleye .content .col-form-label {
  color: #1e293b !important;
  font-weight: 600 !important;
}
body.theme-compleye .content .form-control,
body.theme-compleye .modal .form-control,
body.theme-compleye .content select.form-control,
body.theme-compleye .modal select.form-control,
body.theme-compleye .select2-container--default .select2-selection--single,
body.theme-compleye .select2-container--default .select2-selection--multiple {
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.theme-compleye .content input.form-control,
body.theme-compleye .modal input.form-control,
body.theme-compleye .content select.form-control,
body.theme-compleye .modal select.form-control,
body.theme-compleye .select2-container--default .select2-selection--single {
  height: 2.45rem !important;
  min-height: 2.45rem !important;
}
body.theme-compleye .content textarea.form-control,
body.theme-compleye .modal textarea.form-control {
  height: auto !important;
  min-height: 6rem !important;
  padding: 0.65rem 0.75rem !important;
}
body.theme-compleye input[type="checkbox"],
body.theme-compleye input[type="radio"] {
  width: 1rem !important;
  height: 1rem !important;
  min-height: 0 !important;
  accent-color: #2563eb;
}
body.theme-compleye .content a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item):not(.brand-link),
body.theme-compleye .modal a:not(.btn):not(.nav-link) {
  color: #2563eb !important;
}
body.theme-compleye .content a:not(.btn):not(.nav-link):hover,
body.theme-compleye .modal a:not(.btn):hover {
  color: #1d4ed8 !important;
}
body.theme-compleye .nav-tabs {
  border-bottom: 1px solid #e7edf5 !important;
}
body.theme-compleye .nav-tabs .nav-link {
  color: #64748b !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}
body.theme-compleye .nav-tabs .nav-link.active,
body.theme-compleye .nav-tabs .nav-item.show .nav-link {
  color: #2563eb !important;
  background: transparent !important;
  border-bottom-color: #2563eb !important;
}
body.theme-compleye .dropdown-menu {
  border: 1px solid #e7edf5 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.theme-compleye .dropdown-item:hover,
body.theme-compleye .dropdown-item:focus {
  background: #eff6ff !important;
  color: #1e293b !important;
}
body.theme-compleye .alert.alert-success,
body.theme-compleye .ws-page-alert {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 16px !important;
  text-align: left !important;
  box-shadow: none !important;
  z-index: auto !important;
  background: #ecfdf3 !important;
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 10px !important;
  padding: 12px 40px 12px 16px !important;
}
body.theme-compleye .alert.alert-success::after {
  display: none !important;
}
body.theme-compleye .ws-page-alert {
  display: block;
  position: relative !important;
}
body.theme-compleye .ws-page-alert-close {
  position: absolute;
  right: 12px;
  top: 8px;
  border: 0;
  background: transparent;
  color: #15803d;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
body.theme-compleye .alert-danger,
body.theme-compleye .alert-error {
  background: #fff1f2 !important;
  color: #be123c !important;
  border-color: #fecdd3 !important;
}
body.theme-compleye .alert-warning {
  background: #fffbeb !important;
  color: #b45309 !important;
  border-color: #fde68a !important;
}
body.theme-compleye .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #2563eb !important;
  color: #fff !important;
}
body.theme-compleye #toast-container > .toast-success { background-color: #15803d !important; }
body.theme-compleye #toast-container > .toast-error { background-color: #be123c !important; }
body.theme-compleye #toast-container > .toast-info,
body.theme-compleye #toast-container > .toast-warning { background-color: #2563eb !important; }
body.theme-compleye .btn-default,
body.theme-compleye .btn-secondary,
body.theme-compleye .modal .btn-default {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
}
.login-page.theme-compleye,
.register-page.theme-compleye {
  background: #f5f7fb !important;
}
.login-page.theme-compleye .card,
.register-page.theme-compleye .card {
  border: 1px solid #e7edf5 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.login-page.theme-compleye .btn-primary,
.register-page.theme-compleye .btn-primary {
  background: #2563eb !important;
  border-color: #2563eb !important;
  border-radius: 10px !important;
}
.login-page .card-outline.card-primary {
  border-top: 0 !important;
}

body.login-page.theme-compleye,
body.register-page.theme-compleye {
  min-height: 100vh !important;
  height: auto !important;
  overflow: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5f7fb !important;
  padding: 1.5rem !important;
}
body.login-page .login-box,
body.register-page .register-box {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
}
body.login-page .card,
body.register-page .card {
  margin: 0 !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden;
  background: #fff !important;
}
body.login-page .auth-brand,
body.register-page .auth-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 4.5rem !important;
  background: #002853 !important;
  padding: 0.6rem 1.25rem !important;
}
body.login-page .auth-brand img,
body.register-page .auth-brand img {
  display: block !important;
  width: auto !important;
  max-width: 220px !important;
  max-height: 46px !important;
  margin: 0 auto !important;
  filter: none !important;
}
body.login-page .card-header,
body.register-page .card-header {
  background: #fff !important;
  background-image: none !important;
  border-bottom: 0 !important;
  padding: 1.25rem 1.35rem 0.25rem !important;
  text-align: left !important;
}
body.login-page .card-header .card-title,
body.register-page .card-header .card-title {
  color: #1e293b !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin: 0 !important;
}
body.login-page .card-header .card-title p,
body.register-page .card-header .card-title p {
  margin: 0.3rem 0 0 !important;
  color: #64748b !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}
body.login-page .card-body,
body.register-page .card-body {
  padding: 0.85rem 1.35rem 1.25rem !important;
  background: #fff !important;
}
body.login-page .form-group > label,
body.register-page .form-group > label {
  display: block !important;
  margin-bottom: 0.35rem !important;
  color: #64748b !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
body.login-page .form-control,
body.register-page .form-control {
  width: 100% !important;
  height: 2.45rem !important;
  min-height: 2.45rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #0f172a !important;
  background: #fff !important;
}
body.login-page .auth-row {
  display: flex !important;
  align-items: center !important;
  margin: 0.15rem 0 1rem !important;
}
body.login-page form .btn,
body.login-page button.btn-primary,
body.register-page button.btn-primary {
  width: 100% !important;
  height: 2.55rem !important;
  margin: 0 !important;
  background: #2563eb !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}
body.login-page .card-footer,
body.register-page .card-footer {
  background: #fff !important;
  border-top: 1px solid #e7edf5 !important;
  padding: 0.9rem 1.35rem !important;
  text-align: center !important;
}
body.login-page .card-footer a,
body.register-page .card-footer a {
  color: #2563eb !important;
  font-weight: 600 !important;
}

/* Dashboard fills the content width. No drop shadows. */
body.theme-compleye .card,
body.theme-compleye .info-box,
body.theme-compleye .description-block,
body.theme-compleye .content .card > .card-body,
body.theme-compleye .bo-hero,
body.theme-compleye .content-wrapper,
.login-page .card,
.register-page .card {
  box-shadow: none !important;
}
body.theme-compleye .dash-board {
  width: 100%;
  max-width: none;
}
body.theme-compleye .dash-board h2 {
  margin: 0.15rem 0 0.65rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}
body.theme-compleye .dash-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  width: 100%;
  margin: 0 0 1.1rem;
}
body.theme-compleye .dash-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-width: 0;
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  padding: 1rem 1.05rem 1.05rem;
  box-shadow: none !important;
  color: #1e293b !important;
  text-decoration: none !important;
}
body.theme-compleye a.dash-card:hover {
  border-color: #cbd5e1;
  color: #1e293b !important;
}
body.theme-compleye .dash-card strong {
  font-size: 1.55rem;
  line-height: 1.1;
  color: #1e293b;
}
body.theme-compleye .dash-card em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
@media (max-width: 1100px) {
  body.theme-compleye .dash-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  body.theme-compleye .ws-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-compleye .ws-btn-apply { margin-left: 0; }
}

/* Compact sidebar, open or collapsed */
body.theme-compleye:not(.sidebar-collapse) .main-sidebar,
body.theme-compleye:not(.sidebar-collapse) aside.main-sidebar {
  width: 240px !important;
}
body.theme-compleye:not(.sidebar-collapse) .content-wrapper,
body.theme-compleye:not(.sidebar-collapse) .main-header,
body.theme-compleye:not(.sidebar-collapse) .main-footer {
  margin-left: 240px !important;
}
body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar,
body.theme-compleye.sidebar-mini.sidebar-collapse aside.main-sidebar,
body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar:hover,
body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
  width: 3.4rem !important;
  max-width: 3.4rem !important;
  min-width: 3.4rem !important;
}
body.theme-compleye.sidebar-mini.sidebar-collapse .content-wrapper,
body.theme-compleye.sidebar-mini.sidebar-collapse .main-header {
  margin-left: 3.4rem !important;
}
body.theme-compleye .sidebar {
  padding-bottom: 0.75rem !important;
}
body.theme-compleye .sidebar > nav,
body.theme-compleye .sidebar nav.mt-2 {
  margin-top: 0.35rem !important;
}
body.theme-compleye .nav-sidebar > .nav-item > a.nav-link,
body.theme-compleye .nav-sidebar > .nav-item > .nav-link {
  display: flex !important;
  align-items: center !important;
  padding: 0.7rem 0.75rem !important;
  margin: 0 0.5rem 0.15rem !important;
  min-height: 0 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  border-radius: 8px !important;
}
body.theme-compleye .nav-sidebar .nav-link p {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}
body.theme-compleye .nav-sidebar .nav-link > p > i.fas.fa-angle-left.right,
body.theme-compleye .nav-sidebar > .nav-item i.fas.fa-angle-left {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: rotate(180deg) !important;
}
body.theme-compleye .nav-sidebar > .nav-item.menu-open > .nav-link i.fas.fa-angle-left,
body.theme-compleye .nav-sidebar .menu-open > .nav-link i.right {
  transform: rotate(90deg) !important;
}
body.theme-compleye .nav-sidebar .nav-header,
body.theme-compleye li.nav-header {
  margin: 0.75rem 0.5rem 0.15rem !important;
  padding: 0.45rem 0.75rem 0.2rem !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
}
body.theme-compleye .nav-sidebar .nav-treeview,
body.theme-compleye .nav-sidebar > .nav-item > ul.nav-treeview {
  margin: 0 0.35rem 0.2rem 0.7rem !important;
  padding-left: 0.45rem !important;
}
body.theme-compleye .nav-sidebar .nav-treeview > .nav-item > .nav-link {
  padding: 0.55rem 0.75rem !important;
  font-size: 0.84rem !important;
}
body.theme-compleye:not(.sidebar-collapse) .brand-link img.logo-xl {
  max-width: 200px !important;
  max-height: 40px !important;
}
body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar .brand-link,
body.theme-compleye.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
  width: 3.4rem !important;
  padding: 0.25rem !important;
}

/* Filters fill the same width as the table. No leftover gap. */
body.theme-compleye .ws-page,
body.theme-compleye .ws-filters,
body.theme-compleye .content > .container-fluid,
body.theme-compleye .content-header > .container-fluid {
  width: 100% !important;
  max-width: none !important;
}
body.theme-compleye .ws-filters {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  margin: 0 !important;
}
body.theme-compleye .ws-search,
body.theme-compleye .ws-filters select,
body.theme-compleye .ws-filters input[type="date"],
body.theme-compleye .ws-filters input[type="text"] {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
body.theme-compleye .ws-filters .btn,
body.theme-compleye .ws-filters a.btn {
  flex: 0 0 auto !important;
}
body.theme-compleye .ws-btn-apply {
  margin-left: 0 !important;
}
body.theme-compleye .content > .container-fluid > table,
body.theme-compleye .content > .container-fluid > .dataTables_wrapper,
body.theme-compleye #example_wrapper,
body.theme-compleye #example {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 1200px) {
  body.theme-compleye .ws-filters {
    flex-wrap: wrap !important;
  }
  body.theme-compleye .ws-search,
  body.theme-compleye .ws-filters select,
  body.theme-compleye .ws-filters input[type="date"] {
    flex: 1 1 140px !important;
  }
}

/* Left menu: light rail, blue active item */
body.theme-compleye .main-sidebar,
body.theme-compleye aside.main-sidebar,
body.theme-compleye .sidebar {
  background: #fff !important;
}
body.theme-compleye .nav-sidebar > .nav-item > .nav-link,
body.theme-compleye .nav-sidebar .nav-treeview > .nav-item > .nav-link {
  color: #334155 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.theme-compleye .nav-sidebar .nav-link i {
  width: 1.25rem !important;
  margin-right: 0.55rem !important;
  color: #64748b !important;
  font-size: 0.9rem !important;
  text-align: center !important;
}
body.theme-compleye .nav-sidebar > .nav-item > .nav-link.active,
body.theme-compleye .nav-sidebar > .nav-item > .nav-link.active:hover,
body.theme-compleye .nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
  background: #eff6ff !important;
  color: #2563eb !important;
  box-shadow: inset 3px 0 0 #2563eb !important;
  border-radius: 0 8px 8px 0 !important;
}
body.theme-compleye .nav-sidebar .nav-link.active i,
body.theme-compleye .nav-sidebar .nav-link.active p {
  color: #2563eb !important;
}
body.theme-compleye .nav-sidebar > .nav-item > .nav-link:hover {
  background: #f8fafc !important;
  color: #1e293b !important;
}
body.theme-compleye .nav-sidebar .nav-header,
body.theme-compleye li.nav-header {
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

/* Empty datatable */
body.theme-compleye td.dataTables_empty {
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
}
body.theme-compleye .ws-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 16rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
}
body.theme-compleye .ws-empty-icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
}
body.theme-compleye .ws-empty-state strong {
  color: #1e293b;
  font-size: 1.05rem;
}
body.theme-compleye .ws-empty-state p {
  margin: 0 0 0.45rem;
  color: #64748b;
  font-size: 0.9rem;
  max-width: 28rem;
}

/* Popups match the list screens */
body.theme-compleye div.modal .modal-dialog {
  max-width: 32rem !important;
}
body.theme-compleye div.modal .modal-content {
  background: #fff !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: hidden;
}
body.theme-compleye div.modal .modal-content .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fff !important;
  background-image: none !important;
  border-bottom: 1px solid #e7edf5 !important;
  padding: 1rem 1.15rem !important;
}
body.theme-compleye div.modal .modal-content .modal-header h4.modal-title,
body.theme-compleye .modal-title {
  color: #1e293b !important;
  font-family: inherit !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
body.theme-compleye div.modal .modal-content .modal-header button.close {
  color: #64748b !important;
  background: transparent !important;
  width: 2rem !important;
  height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  float: none !important;
}
body.theme-compleye div.modal .modal-body {
  padding: 1.1rem 1.15rem 0.25rem !important;
}
body.theme-compleye div.modal .form-group {
  margin-bottom: 0.9rem !important;
}
body.theme-compleye div.modal .form-group > label,
body.theme-compleye div.modal label {
  display: block;
  margin-bottom: 0.35rem !important;
  color: #64748b !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
body.theme-compleye div.modal input.form-control,
body.theme-compleye div.modal select.form-control,
body.theme-compleye div.modal textarea.form-control {
  width: 100% !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #0f172a !important;
  background: #fff !important;
}
body.theme-compleye div.modal input.form-control,
body.theme-compleye div.modal select.form-control {
  height: 2.45rem !important;
  min-height: 2.45rem !important;
}
body.theme-compleye div.modal .modal-footer,
body.theme-compleye div.modal .modal-footer.button_right_side {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  background: #fff !important;
  border-top: 1px solid #e7edf5 !important;
  padding: 0.85rem 1.15rem !important;
}
body.theme-compleye div.modal .modal-footer .btn,
body.theme-compleye div.modal .modal-footer .btn-default {
  height: 2.45rem !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 0 0.95rem !important;
}
body.theme-compleye div.modal .modal-footer .btn-default {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}

/* upper space designer */
.wrapper {
    padding-top: 0;
}
 
.content-header .container-fluid, .content-header > .container-fluid {
    gap: 0 !important;
}
 
.content-header {
    padding-bottom: 0 !important;
}
 
/* .content-header .row > [class*="col-"] {
    max-width: max-content;
    margin-bottom: 0 !important;
} */
 
div#example_length label {
    margin: 0;
}
 
.content-header .custom_search_div, .content-header .container-fluid > .custom_search_div {
    margin-bottom: 5px !important;
}
.content-header {
    padding: 1.00rem 0 0.5rem !important;
}
/* upper space designer */
/* S13 library updates (summernote 0.8.20 bs4, DataTables 1.13 bs4): keep the previous look */
body.theme-compleye .note-editor .note-toolbar .note-btn,
body.theme-compleye .note-editor .note-toolbar .note-btn.btn-light {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #d5dae3 !important;
  color: #002853 !important;
}
body.theme-compleye .note-editor .note-toolbar .note-btn:hover,
body.theme-compleye .note-editor .note-toolbar .note-btn.active {
  background-color: #eef2f7 !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_length select.custom-select {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  padding-right: 4px !important;
  width: auto !important;
}
body.theme-compleye .dataTables_wrapper .dataTables_length select.custom-select {
  height: auto !important;
}
/* DataTables 1.13 draws stripes and sorted-column shading with inset box-shadows; the theme does not use them */
body.theme-compleye table.dataTable tbody tr > *,
body.theme-compleye table.dataTable.display tbody tr > *,
body.theme-compleye table.dataTable.stripe tbody tr > * {
  box-shadow: none !important;
}