/* Synced from Divine_Status_Admin_Software — DataTables list chrome */

body:not(.public) .ibox-title.ds-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px !important;
  min-height: 0;
  height: auto;
  background: rgba(255,255,255,0.03) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 12px 12px 0 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px) !important;
}
/* Center icon + title block; pin actions/tools to the right (transport details pattern). */
body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header) {
  position: relative;
  justify-content: center;
}
body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header) .ds-list-head__left {
  justify-content: flex-start;
  text-align: left;
}
body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header) .ds-list-head__left > div {
  text-align: left;
}
body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header) .ds-list-head__actions {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 991px) {
  /* Stack header actions below title when actions contain controls (avoids absolute overlap). */
  body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header):has(.ds-list-head__actions :is(.btn, .td-status-pill, .td-pill-btn, button, a.btn)) {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px;
    padding-bottom: 14px !important;
  }
  body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header):has(.ds-list-head__actions :is(.btn, .td-status-pill, .td-pill-btn, button, a.btn)) .ds-list-head__left {
    width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
    justify-content: center;
    text-align: left;
  }
  body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header):has(.ds-list-head__actions :is(.btn, .td-status-pill, .td-pill-btn, button, a.btn)) .ds-list-head__left > div {
    text-align: left;
  }
  body:not(.public) .ibox-title.ds-list-head:not(.clock-in-title-row):not(.ds-daily-notes-header):has(.ds-list-head__actions :is(.btn, .td-status-pill, .td-pill-btn, button, a.btn)) .ds-list-head__actions {
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    z-index: auto;
  }
  body:not(.public) .ibox-title.ds-list-head:has(.ds-list-head__actions :is(.btn, button, a.btn)) .ds-list-head__actions .btn {
    float: none !important;
    margin: 0 !important;
  }
  body:not(.public) .ibox-title.ds-list-head .ds-list-head__actions .td-status-pill,
  body:not(.public) .ibox-title.ds-list-head .ds-list-head__actions .td-pill-btn {
    white-space: normal;
    max-width: 100%;
  }
}
/* Clock-in main row — section bar + 3-column grid (title left, time center, actions right). */
body:not(.public) .ibox-title.ds-list-head.clock-in-title-row {
  justify-content: space-between;
  position: static;
}
body:not(.public) .ibox-title.ds-list-head.clock-in-title-row .ds-list-head__left {
  justify-content: flex-start;
  text-align: left;
}
body:not(.public) .ibox-title.ds-list-head.clock-in-title-row .ds-list-head__left > div {
  text-align: left;
}
/* Daily notes — left-aligned header row (clock-in, web home, mobile home). */
body:not(.public) .ibox-title.ds-list-head.ds-daily-notes-header {
  justify-content: space-between;
  position: static;
}
body:not(.public) .ibox-title.ds-list-head.ds-daily-notes-header .ds-list-head__left {
  justify-content: flex-start;
  text-align: left;
}
body:not(.public) .ibox-title.ds-list-head.ds-daily-notes-header .ds-list-head__left > div {
  text-align: left;
}
body:not(.public) .ibox-title.ds-list-head.ds-daily-notes-header .ds-list-head__actions {
  position: static;
  transform: none;
  flex-shrink: 0;
}
/* fadeInRight keeps transform: translateX(0) after it finishes. That transform
   sits on the page wrapper and blocks the header from blurring the page dots.
   Navbar navigation removes the animation class, which is why the frost only
   appeared after using the loader. Drop the fill so the slide still plays
   and the transform does not stick. */
body:not(.public) .wrapper-content.animated.fadeInRight {
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
body:not(.public) .ds-list-head__left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
body:not(.public) .ds-list-head__icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: rgba(60,136,255,0.16);
  color: #7fa9ff;
}
body:not(.public) .ds-list-head__icon--teal { background: rgba(26,179,148,0.16); color: #1ab394; }
body:not(.public) .ds-list-head__icon--cyan { background: rgba(34,198,225,0.18); color: #22c6e1; }
body:not(.public) .ds-list-head__icon--green { background: rgba(73,186,132,0.18); color: #49ba84; }
body:not(.public) .ds-list-head__icon--purple { background: rgba(128,120,206,0.20); color: #8078ce; }
body:not(.public) .ds-list-head__icon--gold { background: rgba(248,172,89,0.16); color: #f8ac59; }
body:not(.public) .ds-list-head__icon--red { background: rgba(216,78,77,0.18); color: #d84e4d; }
body:not(.public) .ds-list-head__icon--grey { background: rgba(148, 163, 184, 0.22); color: #a8b4c8; }
body:not(.public) .ds-list-head__icon--blue { background: rgba(96, 165, 250, 0.20); color: #7fa9ff; }
/* Opt-in section header bar — hue from td-section-head-bar--* or list-head / popover icon tone */
body:not(.public) {
  --ds-section-hue-blue: 96, 165, 250;
  --ds-section-hue-cyan: 34, 198, 225;
  --ds-section-hue-teal: 26, 179, 148;
  --ds-section-hue-purple: 128, 120, 206;
  --ds-section-hue-gold: 248, 172, 89;
  --ds-section-hue-green: 73, 186, 132;
  --ds-section-hue-red: 216, 78, 77;
  --ds-section-hue-grey: 148, 163, 184;
  --ds-section-light-blue: #f5f9ff;
  --ds-section-light-cyan: #f3fbfd;
  --ds-section-light-teal: #f3fbf8;
  --ds-section-light-purple: #f7f6fc;
  --ds-section-light-gold: #fff9f3;
  --ds-section-light-green: #f4fbf7;
  --ds-section-light-red: #fef5f5;
  --ds-section-light-grey: #f4f6f9;
}
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar,
body:not(.public) .vd-section > .vd-section__head {
  --ds-section-hue: var(--ds-section-hue-blue);
  --ds-section-light-surface: var(--ds-section-light-blue);
  --ds-section-border-a: 0.34;
  box-shadow: none !important;
  background:
    radial-gradient(500px 120px at 10% 10%, rgba(var(--ds-section-hue), 0.20), transparent 55%),
    radial-gradient(500px 120px at 90% 10%, rgba(var(--ds-section-hue), 0.10), transparent 55%),
    linear-gradient(180deg, rgba(var(--ds-section-hue), 0.10), rgba(var(--ds-section-hue), 0.03)),
    rgba(255,255,255,0.05) !important;
  border-color: rgba(var(--ds-section-hue), var(--ds-section-border-a)) !important;
}
/* vd-section heads — same framed border as .ibox-title.ds-list-head / td-section-head-bar */
body:not(.public) .vd-section {
  border: none !important;
  background: transparent !important;
}
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar {
  border: 1px solid rgba(var(--ds-section-hue), var(--ds-section-border-a)) !important;
}
body:not(.public) .vd-section > .vd-section__head {
  border: 1px solid rgba(var(--ds-section-hue), var(--ds-section-border-a)) !important;
  border-radius: 12px;
}
body:not(.public) .vd-section.is-open > .vd-section__head {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid rgba(var(--ds-section-hue), var(--ds-section-border-a)) !important;
}
body:not(.public) .vd-section.is-open > .vd-section__body {
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px;
}
html.ds-theme-light body:not(.public) .ibox-title.ds-list-head.td-section-head-bar,
html.ds-theme-light body:not(.public) .vd-section > .vd-section__head {
  --ds-section-light-base: #f5f9ff00;
  box-shadow: none !important;
  background:
    radial-gradient(500px 120px at 10% 10%, rgba(var(--ds-section-hue), 0.32), transparent 55%),
    radial-gradient(500px 120px at 90% 10%, rgba(var(--ds-section-hue), 0.16), transparent 55%),
    linear-gradient(180deg, rgba(var(--ds-section-hue), 0.16), rgba(var(--ds-section-hue), 0.05)),
    var(--ds-section-light-base) !important;
  background-image:
    radial-gradient(500px 120px at 10% 10%, rgba(var(--ds-section-hue), 0.32), transparent 55%),
    radial-gradient(500px 120px at 90% 10%, rgba(var(--ds-section-hue), 0.16), transparent 55%),
    linear-gradient(180deg, rgba(var(--ds-section-hue), 0.16), rgba(var(--ds-section-hue), 0.05)) !important;
  border-color: rgba(var(--ds-section-hue), 0.40) !important;
}
html.ds-theme-light body:not(.public) .ibox-title.ds-list-head.td-section-head-bar {
  border: 1px solid rgba(var(--ds-section-hue), 0.40) !important;
}
html.ds-theme-light body:not(.public) .vd-section > .vd-section__head {
  border: 1px solid rgba(var(--ds-section-hue), 0.40) !important;
  border-radius: 12px;
}
html.ds-theme-light body:not(.public) .vd-section.is-open > .vd-section__head {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid rgba(var(--ds-section-hue), var(--ds-section-border-a)) !important;
}
html.ds-theme-light body:not(.public) .vd-section.is-open > .vd-section__body {
  border: 1px solid rgba(197, 208, 224, 0.65) !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px;
}
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--blue { --ds-section-hue: var(--ds-section-hue-blue); --ds-section-light-surface: var(--ds-section-light-blue); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--cyan { --ds-section-hue: var(--ds-section-hue-cyan); --ds-section-light-surface: var(--ds-section-light-cyan); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--teal { --ds-section-hue: var(--ds-section-hue-teal); --ds-section-light-surface: var(--ds-section-light-teal); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--purple { --ds-section-hue: var(--ds-section-hue-purple); --ds-section-light-surface: var(--ds-section-light-purple); --ds-section-border-a: 0.36; }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--gold { --ds-section-hue: var(--ds-section-hue-gold); --ds-section-light-surface: var(--ds-section-light-gold); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--green { --ds-section-hue: var(--ds-section-hue-green); --ds-section-light-surface: var(--ds-section-light-green); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--red { --ds-section-hue: var(--ds-section-hue-red); --ds-section-light-surface: var(--ds-section-light-red); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar--grey { --ds-section-hue: var(--ds-section-hue-grey); --ds-section-light-surface: var(--ds-section-light-grey); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-list-head__icon--cyan),
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-transport-popover-title-icon--cyan),
body:not(.public) .vd-section > .vd-section__head:has(.vd-section__icon--cyan) { --ds-section-hue: var(--ds-section-hue-cyan); --ds-section-light-surface: var(--ds-section-light-cyan); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-list-head__icon--teal),
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-transport-popover-title-icon--teal) { --ds-section-hue: var(--ds-section-hue-teal); --ds-section-light-surface: var(--ds-section-light-teal); }
body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-list-head__icon--purple),

/* DataTables + filters consistency */
body:not(.public) .dataTables_wrapper{
  color: var(--ds-text-soft) !important;
  /*border: 1px solid var(--ds-border) !important;*/
  /*border-radius: 14px !important;*/
  /* padding: adding: 10px 12px 20px !important;*/
  /* background: rgba(15, 19, 28, 0.55) !important;*/
  /* box-shadow: 0 6px 18px rgba(0,0,0,0.30) !important;*/
  overflow: visible !important;
  clear: both;
}

body:not(.public) .dataTables_wrapper::after{
  content: "";
  display: table;
  clear: both;
}

/* Modern card-row chrome for every admin DataTable */
body:not(.public) .dataTables_wrapper table.table,
body:not(.public) .dataTables_wrapper table.dataTable{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  width: 100% !important;
  font-family: inherit !important;
}

body:not(.public) .dataTables_wrapper table.table > thead > tr > th,
body:not(.public) .dataTables_wrapper table.dataTable > thead > tr > th{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  color: #dce6f7 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 6px 14px 4px !important;
  white-space: nowrap;
  background-image: none !important;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr{
  background: transparent !important;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr > td,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr > td{
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  padding: 14px !important;
  vertical-align: middle !important;
  color: var(--ds-text, #e8ecf3) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.45 !important;
  background-clip: padding-box;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr > td:first-child,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr > td:first-child{
  border-left: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 12px 0 0 12px;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr > td:last-child,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr > td:last-child{
  border-right: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 0 12px 12px 0;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr:nth-child(odd) > td,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr:nth-child(odd) > td,
body:not(.public) .dataTables_wrapper .table-striped > tbody > tr:nth-of-type(odd) > td{
  background-color: #1d2432 !important;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr:nth-child(even) > td,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr:nth-child(even) > td,
body:not(.public) .dataTables_wrapper .table > tbody > tr:nth-of-type(even) > td{
  background-color: #151a24 !important;
}

body:not(.public) .dataTables_wrapper table.table > tbody > tr:hover > td,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr:hover > td{
  background-color: #242c3d !important;
}

/* Don't card-style responsive child detail rows */
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr.child > td,
body:not(.public) .dataTables_wrapper table.dataTable > tbody > tr.child:hover > td{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
}

/* Footer: info + pagination — keep clear of the border */
body:not(.public) .dataTables_wrapper .dataTables_info{
  float: left !important;
  clear: both !important;
  width: auto !important;
  max-width: none !important;
  padding: 16px 10px 6px !important;
  margin: 8px 0 0 !important;
  color: var(--ds-text-soft) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate{
  float: right !important;
  clear: none !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 12px 4px 6px !important;
  margin: 0 0 0 !important;
  text-align: right !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button,
body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li > a,
body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li > span{
  min-height: 36px;
  min-width: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #1a202a !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: #cbd7e9 !important;
  margin: 0 2px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li > a:hover{
  background: #232c3a !important;
  border-color: #43526a !important;
  color: #f4f8ff !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li.active > a,
body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li.active > span,
body:not(.public) .pagination > .active > a,
body:not(.public) .pagination > .active > span,
body:not(.public) .pagination > .active > a:hover,
body:not(.public) .pagination > .active > span:hover{
  background: linear-gradient(180deg, rgba(79,140,255,0.30), rgba(79,140,255,0.18)) !important;
  border-color: rgba(95,182,255,0.46) !important;
  color: #e7f3ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 0 1px rgba(95,182,255,0.16) !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
body:not(.public) .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled{
  background: #1a202a !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: rgba(203, 215, 233, 0.38) !important;
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

body:not(.public) .dataTables_wrapper .dataTables_paginate ul.pagination > li.paginate_button{
  min-width: 42px;
  text-align: center;
}

body:not(.public) .dataTables_wrapper table.dataTable thead .sorting:after,
body:not(.public) .dataTables_wrapper table.dataTable thead .sorting_asc:after,
body:not(.public) .dataTables_wrapper table.dataTable thead .sorting_desc:after{
  color: #8fa2bf !important;
}

body:not(.public) .search_box input,
body:not(.public) .filter input[type="text"],
body:not(.public) .filter input[type="search"]{
  background: #1a202a !important;
  border: 1px solid var(--ds-border) !important;
  color: var(--ds-text) !important;
  border-radius: 8px !important;
}


/* DataTables sort icons: sit immediately after the title, CSS chevrons */
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled{
  background-image: none !important;
  cursor: pointer;
}
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting:before,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:before,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:before,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:before{
  content: none !important;
  display: none !important;
}
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting:after,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after,
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after{
  content: "" !important;
  float: none !important;
  position: static !important;
  display: inline-block !important;
  width: 10px !important;
  height: 15px !important;
  margin: 0 0 0 6px !important;
  padding: 0 !important;
  vertical-align: middle;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px 15px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4 1.1L7.15 5.35H.85L4 1.1Z' fill='%238fa2bf' fill-opacity='.45'/%3E%3Cpath d='M4 10.9L.85 6.65h6.3L4 10.9Z' fill='%238fa2bf' fill-opacity='.45'/%3E%3C/svg%3E") !important;
}
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting:hover:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4 1.1L7.15 5.35H.85L4 1.1Z' fill='%23c5d4ea' fill-opacity='.8'/%3E%3Cpath d='M4 10.9L.85 6.65h6.3L4 10.9Z' fill='%23c5d4ea' fill-opacity='.8'/%3E%3C/svg%3E") !important;
}
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_asc:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4 1.1L7.15 5.35H.85L4 1.1Z' fill='%2360a5fa'/%3E%3Cpath d='M4 10.9L.85 6.65h6.3L4 10.9Z' fill='%238fa2bf' fill-opacity='.28'/%3E%3C/svg%3E") !important;
}
body:not(.public) .dataTables_wrapper table.dataTable thead > tr > th.sorting_desc:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4 1.1L7.15 5.35H.85L4 1.1Z' fill='%238fa2bf' fill-opacity='.28'/%3E%3Cpath d='M4 10.9L.85 6.65h6.3L4 10.9Z' fill='%2360a5fa'/%3E%3C/svg%3E") !important;
}

/* Employee panel list pages — match admin ds-modern-list-page */
body.fixed-sidebar .ds-modern-list-page .ibox {
  background: rgba(15, 19, 28, 0.82) !important;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

body.fixed-sidebar .ds-modern-list-page .ibox-content {
  overflow: visible;
  background: var(--ds-bg-elev, #16181f) !important;
  border-top: 0 !important;
}

body.fixed-sidebar .ds-modern-list-page .dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.fixed-sidebar .ds-modern-list-page .dataTables_wrapper .dataTables_length label,
body.fixed-sidebar .ds-modern-list-page .dataTables_wrapper .dataTables_filter label {
  color: var(--ds-text-soft, #b4bdcc) !important;
  font-weight: 600;
}

/* Beat default jquery.dataTables (light theme) when bundled in app.js */
body.fixed-sidebar table.dataTable.display tbody tr,
body.fixed-sidebar table.dataTable.stripe tbody tr,
body.fixed-sidebar table.dataTable.row-border tbody tr {
  background-color: transparent !important;
}

body.fixed-sidebar table.dataTable.display tbody tr > .sorting_1,
body.fixed-sidebar table.dataTable.order-column tbody tr > .sorting_1 {
  background-color: inherit !important;
}

body:not(.public) .ds-list-head__title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body:not(.public) .ds-list-head h5.ds-list-head__title {
  display: block;
  float: none;
  font-size: 15px !important;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
  padding: 0;
}

body:not(.public) .ds-list-head__desc {
  font-size: 12px;
  color: rgba(199, 215, 255, 0.62);
  margin: 0;
}

body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-list-head__icon--gold) {
  --ds-section-hue: 248, 172, 89;
}

body:not(.public) .ibox-title.ds-list-head.td-section-head-bar:has(.ds-list-head__icon--cyan) {
  --ds-section-hue: 34, 198, 225;
}

/* --- Admin list search toolbar (ds-list-search.js) --- */
body:not(.public) div.dataTables_wrapper div.dataTables_length select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #1a202a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23eaf1ff' d='M1 3l4 4 4-4z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 12px) 50% !important;
  background-size: 10px 10px !important;
  padding: 8px 32px 8px 12px !important;
  min-height: 44px !important;
  height: 44px !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: var(--ds-text, #e8ecf3) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body:not(.public) .dataTables_wrapper .dataTables_filter input,
body:not(.public) .dataTables_wrapper .dataTables_length select {
  background: #1a202a !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: var(--ds-text, #e8ecf3) !important;
  border-radius: 8px !important;
}

body:not(.public) .dataTables_wrapper .dataTables_info,
body:not(.public) .dataTables_wrapper .dataTables_length,
body:not(.public) .dataTables_wrapper .dataTables_filter {
  color: var(--ds-text-soft, #b4bdcc) !important;
}

body:not(.public) .search_box.ds-list-search-host,
body:not(.public) .search_box:has(.ds-list-search) {
  float: left !important;
  clear: none !important;
  width: auto !important;
  max-width: none;
  margin: 0 16px 8px 0 !important;
  padding: 0 !important;
}

body:not(.public) .dataTables_wrapper > .report_table_length,
body:not(.public) .dataTables_wrapper > .dataTables_length {
  float: right !important;
  text-align: right !important;
  margin-top: 26px !important;
  margin-bottom: 8px !important;
}

body:not(.public) .ds-list-search {
  display: grid;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
}

body:not(.public) .ds-list-search > .control-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: #3c88ff;
  font-weight: 900;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 1.2;
}

body:not(.public) .ds-list-search .ts-field-icon {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  background: rgba(60, 136, 255, 0.14);
  color: #3c88ff;
  font-size: 11px;
}

body:not(.public) .ds-list-search__controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body:not(.public) .ds-list-search__query {
  position: relative;
  display: block;
  flex: 0 0 260px;
  width: 260px;
  min-width: 200px;
  max-width: 260px;
}

body:not(.public) .ds-list-search__query .form-control {
  width: 100%;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body:not(.public) .ds-search-btn {
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 9px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  transition: background 0.15s ease, transform 0.1s ease !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-transform: none !important;
  background: #4f8cff !important;
  color: #fff !important;
}

body:not(.public) .ds-search-btn:hover,
body:not(.public) .ds-search-btn:focus {
  background: #3d7af0 !important;
  color: #fff !important;
}

body:not(.public) .ds-search-btn:active {
  transform: scale(0.98);
}

body.fixed-sidebar .ds-modern-list-page .dataTables_wrapper > .search_box,
body.fixed-sidebar .ds-modern-list-page .dataTables_wrapper > .dt_search_box {
  float: left !important;
  clear: none !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper > .report_table_length label,
body:not(.public) .ds-modern-list-page .dataTables_wrapper > .dataTables_length label,
body:not(.public) .ds-modern-list-page .dataTables_wrapper > .report_table_length select,
body:not(.public) .ds-modern-list-page .dataTables_wrapper > .dataTables_length select {
  display: none !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper > .report_table_length.ds-ep-records-length-host,
body:not(.public) .ds-modern-list-page .dataTables_wrapper > .dataTables_length.ds-ep-records-length-host {
  display: block !important;
  float: right !important;
  clear: none !important;
  text-align: right !important;
  margin-top: 26px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool.open > .dropdown-menu,
body:not(.public) .ds-modern-list-page .ds-mt-tool.open > ul.dropdown-menu {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 100010 !important;
}

/* Records toolbar (admin ds-modern-list) */
body:not(.public) .ds-modern-list-page .ds-mt-tablebar,
body:not(.public) .ds-modern-list-page .ds-mt-tablebar--inline {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}

body:not(.public) .ds-modern-list-page .ds-ep-records-length-host .ds-mt-tablebar--inline {
  margin-left: 0;
}

body:not(.public) .ds-modern-list-page .ds-list-search__controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool {
  position: relative;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool-btn {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(152, 168, 192, 0.36) !important;
  background: linear-gradient(180deg, rgba(120, 132, 153, 0.24), rgba(120, 132, 153, 0.14)) !important;
  color: #e5edf9 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool-btn .fa {
  font-size: 13px;
  opacity: 0.92;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool-btn .ds-mt-tool-caret {
  font-size: 11px;
  opacity: 0.7;
  margin-left: 1px;
}

body:not(.public) .ds-modern-list-page .ds-mt-tool-btn:hover,
body:not(.public) .ds-modern-list-page .ds-mt-tool.open .ds-mt-tool-btn {
  background: linear-gradient(180deg, rgba(120, 132, 153, 0.34), rgba(120, 132, 153, 0.22)) !important;
  border-color: rgba(152, 168, 192, 0.52) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.06), 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu {
  padding: 6px !important;
  margin: 8px 0 0 !important;
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.55) !important;
  min-width: 168px !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-lengthmenu {
  min-width: 112px !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > a,
body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > .dropdown-item {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: rgba(234, 240, 255, 0.92) !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: transparent !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 10px !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > a:hover,
body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #fff !important;
}

body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > a.is-selected,
body:not(.public) .ds-modern-list-page .dropdown-menu.ds-mt-sortmenu > li > .dropdown-item.is-selected {
  background: rgba(79, 140, 255, 0.18) !important;
  color: #fff !important;
}

/* Pagination — match admin (blue active pill, dark inactive) */
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li > a,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li > span {
  background: #1a202a !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: #cbd7e9 !important;
  margin: 0 2px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li > a:hover {
  background: #232c3a !important;
  border-color: #43526a !important;
  color: #f4f8ff !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li.active > a,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li.active > span,
body:not(.public) .ds-modern-list-page .pagination > .active > a,
body:not(.public) .ds-modern-list-page .pagination > .active > span {
  background: linear-gradient(180deg, rgba(79, 140, 255, 0.30), rgba(79, 140, 255, 0.18)) !important;
  border-color: rgba(95, 182, 255, 0.46) !important;
  color: #e7f3ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 0 0 1px rgba(95, 182, 255, 0.16) !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
  background: #1a202a !important;
  border: 1px solid var(--ds-border, #2d3340) !important;
  color: rgba(203, 215, 233, 0.38) !important;
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper .dataTables_paginate ul.pagination > li.paginate_button {
  min-width: 42px;
  text-align: center;
}

/* Admin-style icon cells in list tables (ds_list_icon_text_cell) */
body:not(.public) .ds-mt-muted {
  color: var(--ds-text-soft, #b4bdcc);
  font-size: 13px;
}

body:not(.public) .ds-mt-icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
  font-size: 13px;
}

body:not(.public) .ds-mt-icon--blue { background: rgba(96, 165, 250, 0.12); color: #60a5fa; }
body:not(.public) .ds-mt-icon--green { background: rgba(16, 185, 129, 0.14); color: #34d399; }
body:not(.public) .ds-mt-icon--rose { background: rgba(251, 113, 133, 0.14); color: #fb7185; }
body:not(.public) .ds-mt-icon--cyan { background: rgba(34, 211, 238, 0.14); color: #22d3ee; }
body:not(.public) .ds-mt-icon--purple { background: rgba(167, 139, 250, 0.14); color: #c4b5fd; }
body:not(.public) .ds-mt-icon--gold { background: rgba(245, 158, 11, 0.16); color: #fbbf24; }
body:not(.public) .ds-mt-icon--teal { background: rgba(20, 184, 166, 0.14); color: #2dd4bf; }

body:not(.public) .ds-mt-service,
body:not(.public) .ds-mt-contact {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

body:not(.public) .ds-mt-service {
  align-items: center;
}

body:not(.public) .ds-mt-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

body:not(.public) .ds-mt-date__line,
body:not(.public) .ds-mt-date__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}

body:not(.public) .ds-mt-date__line .ds-mt-icon,
body:not(.public) .ds-mt-date__meta .ds-mt-icon {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  font-size: 11px;
  flex: 0 0 22px;
}

body:not(.public) .ds-modern-list-page .ds-mt-client {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}
body:not(.public) .ds-modern-list-page .ds-mt-client__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body:not(.public) .ds-modern-list-page .ds-mt-client__name {
  color: rgba(234, 240, 255, 0.95);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
}
body:not(.public) .ds-modern-list-page .ds-mt-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
body:not(.public) .ds-modern-list-page .ds-mt-avatar--blue { background: #3b82f6; }
body:not(.public) .ds-modern-list-page .ds-mt-avatar--purple { background: #8b5cf6; }
body:not(.public) .ds-modern-list-page .ds-mt-avatar--teal { background: #14b8a6; }
body:not(.public) .ds-modern-list-page .ds-mt-avatar--gold { background: #f59e0b; }
body:not(.public) .ds-modern-list-page .ds-mt-avatar--rose { background: #f43f5e; }
body:not(.public) .ds-mt-date__meta {
  color: rgba(234, 240, 255, 0.78);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

body:not(.public) .ds-mt-service span:last-child,
body:not(.public) .ds-mt-date__line {
  color: var(--ds-text, #e8ecf3);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.35;
}

body:not(.public) .ds-modern-list-page .dataTables_wrapper table.dataTable > tbody > tr > td .ds-mt-service,
body:not(.public) .ds-modern-list-page .dataTables_wrapper table.dataTable > tbody > tr > td .ds-mt-date {
  justify-content: flex-start;
  text-align: left;
}

body:not(.public) .ds-modern-list-page .ds-mt-status {
  pointer-events: none;
  cursor: default;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

body:not(.public) .ds-modern-list-page .ds-mt-status .fa {
  font-size: 12px;
}

body.fixed-sidebar .ds-modern-list-page table.ds-mt-table > tbody > tr > td {
  vertical-align: middle !important;
  text-align: left;
}

body.fixed-sidebar .ds-modern-list-page table.ds-mt-table > tbody > tr > td.text-center {
  text-align: center !important;
}

body.fixed-sidebar .ds-modern-list-page table.ds-mt-table > tbody > tr > td .btn.btn-sm {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}