/* Oretek: two-column layout is site-wide; template hides .sidebar-twocol until data-layout=twocolumn.
   This file guarantees the shell is visible even if html attrs or theme JS lag. */
@media (min-width: 992px) {
  #two-col-sidebar {
    display: block !important;
  }
  .sidebar-twocol.sidebar {
    display: flex !important;
  }
}

/* ---------------------------------------------------------------------------
   Main container heading — top strip: title (left) + search (right).
   Overrides DreamsPOS `.page-header` where the grid row layout was fighting it.
--------------------------------------------------------------------------- */
.page-header.main-container-heading {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  row-gap: 0.75rem !important;
  column-gap: 1rem !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.page-header.main-container-heading .add-item,
.page-header.main-container-heading .page-title {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin-right: auto !important;
}
.page-header.main-container-heading .search-set {
  flex: 0 1 auto !important;
  margin-left: auto !important;
  margin-bottom: 0 !important;
}
@media (max-width: 575.98px) {
  .page-header.main-container-heading {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .page-header.main-container-heading .add-item,
  .page-header.main-container-heading .page-title {
    margin-right: 0 !important;
  }
  .page-header.main-container-heading .search-set {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

.main-container-title {
  font-size: 28px !important;
}

.main-container-subtitle {
  font-size: 14px !important;
}

@media (max-width: 991.98px) {
  #two-col-sidebar {
    display: none !important;
  }
}

/* Oretek theme: scrollbars (slate); overrides DreamsPOS orange #FE9F43 / theme color thumbs */
html {
  scrollbar-width: thin;
  scrollbar-color: #dce4e8 #eef2f4;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #dce4e8 #eef2f4;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #eef2f4 !important;
  border-radius: 50px !important;
}
::-webkit-scrollbar-thumb {
  background: #dce4e8 !important;
  border-radius: 50px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #c5d0d6 !important;
}

/* Oretek: shared layout footer (layouts/footer.php) */
.copyright-footer .oretek-footer-copyright {
  color: rgb(64, 67, 72) !important;
}
.copyright-footer .oretek-footer-moose {
  color: rgba(179, 87, 66, 0.7) !important;
  font-size: 8pt !important;
  text-transform: none !important;
}

/* Oretek: Add Asset modal styling */
#add-city .oretek-asset-modal-close,
#edit-city .oretek-asset-modal-close {
  background: rgb(179, 87, 66) !important;
  background-color: rgb(179, 87, 66) !important;
  border: 0 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgb(255, 255, 255) !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
#add-city .oretek-asset-modal-close span,
#edit-city .oretek-asset-modal-close span {
  color: rgb(255, 255, 255) !important;
}

/* Oretek: assets manager — 10% cols + 50% asset; scales with table width */
.table.oretek-assets-datatable {
  table-layout: fixed;
  width: 100%;
  min-width: 720px;
}
.table.oretek-assets-datatable col.oretek-assets-col-thumb {
  width: 10%;
}
.table.oretek-assets-datatable col.oretek-assets-col-asset {
  width: 50%;
}
/* Column 1 thumb: 10% */
.table.oretek-assets-datatable thead th.oretek-assets-th-thumb,
.table.oretek-assets-datatable thead th.oretek-assets-dt-col-thumb,
.table.oretek-assets-datatable tbody td:nth-child(1),
.table.oretek-assets-datatable tbody td.oretek-assets-dt-col-thumb {
  width: 10% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0.5rem !important;
  padding-right: 10px !important;
  vertical-align: middle;
  box-sizing: border-box !important;
  overflow: visible;
}
/* Thumb box scales inside 10% column */
.oretek-asset-thumb-cell {
  width: 100%;
  max-width: 96px;
  aspect-ratio: 1;
  max-height: 96px;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-sizing: border-box;
  flex-shrink: 1;
}
.table.oretek-assets-datatable thead th {
  white-space: nowrap;
  vertical-align: bottom;
}
.table.oretek-assets-datatable tbody td:nth-child(2),
.table.oretek-assets-datatable tbody td:nth-child(4),
.table.oretek-assets-datatable tbody td:nth-child(5),
.table.oretek-assets-datatable tbody td:nth-child(6) {
  white-space: nowrap;
  vertical-align: middle;
}
.table.oretek-assets-datatable tbody td:nth-child(4) .badge {
  white-space: nowrap;
  flex-shrink: 0;
}
/* Asset column: 50% via colgroup */
.table.oretek-assets-datatable tbody td:nth-child(3),
.table.oretek-assets-datatable tbody td.oretek-assets-dt-col-asset {
  white-space: normal;
  word-break: break-word;
  width: 50% !important;
  min-width: 0;
  max-width: none !important;
  vertical-align: middle;
}
.table.oretek-assets-datatable thead th:nth-child(3) {
  width: 50% !important;
  min-width: 0;
}
.table.oretek-assets-datatable tbody td:nth-child(6),
.table.oretek-assets-datatable thead th:nth-child(6) {
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}
.table.oretek-assets-datatable tbody td:nth-child(6) .edit-delete-action {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
}

/* Thumbnail fills .oretek-asset-thumb-cell; beats global img{max-width:100%} by constraining to the box */
.table.oretek-assets-datatable .oretek-asset-thumb-cell .oretek-asset-thumb,
.table.oretek-assets-datatable td .oretek-asset-thumb {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  object-fit: contain;
  border-radius: 6px;
  display: block;
  flex-shrink: 0;
}
.oretek-asset-thumb {
  max-width: 100%;
  max-height: 96px;
  height: auto;
  object-fit: contain;
  border-radius: 6px;
  display: block;
}
.table.oretek-assets-datatable .oretek-asset-thumb-cell .oretek-asset-thumb-placeholder {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  padding: 0.5rem 0;
  color: rgb(144, 149, 155);
}
.oretek-asset-thumb-placeholder {
  display: inline-block;
  text-align: center;
  color: rgb(144, 149, 155);
}
#add-city .oretek-asset-cancel-btn,
#add-city .oretek-asset-cancel-btn:hover,
#add-city .oretek-asset-cancel-btn:focus,
#add-city .oretek-asset-cancel-btn:active {
  background: rgb(209, 209, 207) !important;
  background-color: rgb(209, 209, 207) !important;
  border-color: rgb(209, 209, 207) !important;
  color: rgb(64, 67, 72) !important;
  box-shadow: none !important;
}
#add-city .oretek-add-asset-submit-btn,
#add-city .oretek-add-asset-submit-btn:hover,
#add-city .oretek-add-asset-submit-btn:focus,
#add-city .oretek-add-asset-submit-btn:active {
  background: rgb(89, 131, 89) !important;
  background-color: rgb(89, 131, 89) !important;
  border-color: rgb(89, 131, 89) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Oretek: center banner logo vertically and horizontally in header + sidebar */
.header .header-left,
.header.pos-header .header-left {
  justify-content: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
}
.header .header-left .logo.logo-normal,
.header.pos-header .header-left .logo.logo-normal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.header .header-left .logo.logo-normal img,
.header.pos-header .header-left .logo.logo-normal img {
  width: auto !important;
  max-width: calc(100% - 16px);
  max-height: 250px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}
.header .header-left .logo.logo-white,
.header .header-left .logo-small,
.header.pos-header .header-left .logo.logo-white,
.header.pos-header .header-left .logo-small {
  display: none !important;
}

.sidebar .sidebar-logo,
.sidebar-twocol .sidebar-logo {
  height: 170px !important;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
}
.sidebar .sidebar-logo .logo.logo-normal,
.sidebar-twocol .sidebar-logo .logo.logo-normal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.sidebar .sidebar-logo .logo.logo-normal img,
.sidebar-twocol .sidebar-logo .logo.logo-normal img {
  width: auto !important;
  max-width: calc(100% - 16px);
  max-height: 250px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}
.sidebar .sidebar-logo .logo.logo-white,
.sidebar .sidebar-logo .logo-small,
.sidebar-twocol .sidebar-logo .logo.logo-white,
.sidebar-twocol .sidebar-logo .logo-small {
  display: none !important;
}

/* Oretek: right menu column — no rule under logo; soft side shadows so it reads “floating” */
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo {
  border-bottom: none !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right {
  border-right: none !important;
  box-shadow:
    4px 0 18px -8px rgba(0, 0, 0, 0.14),
    -4px 0 18px -8px rgba(0, 0, 0, 0.1) !important;
}

/* Oretek: mini icon rail (narrow left column) — 62px wide (−10px vs template 72px) */
[data-layout=twocolumn] .sidebar-twocol .twocol-mini {
  width: 62px !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left {
  background-color: rgb(209, 209, 207) !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-left {
  width: 62px !important;
}

/* Add whitespace so centered logo does not feel cramped */
.header .header-left .logo.logo-normal,
.header.pos-header .header-left .logo.logo-normal,
.sidebar .sidebar-logo .logo.logo-normal,
.sidebar-twocol .sidebar-logo .logo.logo-normal {
  padding: 8px 16px;
}

/* Oretek: topbar background — RGB 203/190/173 at 80% opacity (template rgb() vars are opaque) */
[data-layout=twocolumn][data-topbar=all] .header {
  background: rgb(209, 209, 207) !important;
  border-bottom-color: rgb(198, 198, 198) !important;
}
[data-layout=twocolumn][data-topbar=all] .header .header-left {
  background: rgb(209, 209, 207) !important;
  border-color: rgb(198, 198, 198) !important;
}

/* Oretek: topbar search — white field (template uses translucent fill for data-topbar=all) */
[data-layout=twocolumn][data-topbar=all] .header .searchinputs input {
  background: #fff !important;
  border-color: rgb(198, 198, 198) !important;
  color: rgb(64, 67, 72) !important;
  /* .input-group kills right-side radius when a sibling follows; restore full pill */
  border-radius: 8px !important;
  width: 250px !important; /* template default 200px + 25% */
}
@media (max-width: 1199.96px) {
  [data-layout=twocolumn][data-topbar=all] .header .searchinputs input {
    width: 187.5px !important; /* template 150px + 25% */
  }
}
[data-layout=twocolumn][data-topbar=all] .header .searchinputs input::placeholder {
  color: rgb(64, 67, 72) !important;
}
[data-layout=twocolumn][data-topbar=all] .header .searchinputs .search-addon span {
  color: rgb(64, 67, 72) !important;
}

/* Oretek: topbar icon tiles — fullscreen, mail, notifications, settings */
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a {
  background: #D1D1D1 !important;
  background-color: #D1D1D1 !important;
  border: 1px solid #40433E !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #40433E !important;
  color: #40433E !important;
  box-shadow: none !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:hover,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:focus,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:active,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a.show {
  background: #E1EBDA !important;
  background-color: #E1EBDA !important;
  border-color: #425E4C !important;
  border-style: solid !important;
  border-width: 1px !important;
  color: #425E4C !important;
  box-shadow: none !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a i {
  color: #40433E !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:hover i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:focus i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a:active i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a.show i {
  color: #425E4C !important;
}

/* Oretek: fullscreen action adopts primary blue topbar button style */
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:hover,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:focus,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:active,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action.show {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action {
  background: transparent !important;
  background-color: transparent !important;
  color: #567687 !important;
  border-radius: 4px !important;
}
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:hover,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:focus,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:active,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action.show {
  background: #567687 !important;
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action i {
  color: #567687 !important;
}
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:hover i,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:focus i,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action:active i,
.header .user-menu .nav-item-box > a.oretek-topbar-primary-action.show i {
  color: #fff !important;
}

/* Fullscreen straight-button hard override (beats generic nav-item-box tile rules) */
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
  color: #567687 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action i {
  color: #567687 !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:hover,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:focus,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:active,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action.show {
  background: #567687 !important;
  background-color: #567687 !important;
  border: none !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:hover i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:focus i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action:active i,
[data-layout=twocolumn][data-topbar=all] .header .user-menu .nav-item-box > a#btnFullscreen.oretek-topbar-primary-action.show i {
  color: #fff !important;
}
/* Oretek: topbar notification/mail count badge */
[data-layout=twocolumn][data-topbar=all] .header .user-menu.nav > li > a .badge {
  background: rgb(179, 87, 66) !important;
  color: #fff !important;
  border-color: rgb(179, 87, 66) !important;
}

/* Oretek: mini-rail Feather SVGs same visual weight as Tabler icons */
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0;
}

/* Simpleline glyph fallback in mini-rail (ensures icon font wins) */
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > i[class^="icon-"]::before,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > i[class*=" icon-"]::before {
  font-family: "simple-line-icons" !important;
  font-style: normal;
  font-weight: normal;
}

/* Oretek: disable template theme-customizer overlay/gear site-wide */
.sidebar-contact,
.sidebar-themesettings,
.customizer-links#setdata,
.offcanvas-backdrop.show {
  display: none !important;
}

/* Oretek: mini-rail icon colours (left column only) */
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link {
  color: #567687 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 4px;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > svg {
  color: #567687 !important;
  stroke: #567687 !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > i,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link > i::before {
  color: #567687 !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link:hover {
  background: #567687 !important;
  background-color: #567687 !important;
  border: none !important;
  border-radius: 4px !important;
  color: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link:hover > svg {
  color: #fff !important;
  stroke: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link:hover > i,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link:hover > i::before {
  color: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active {
  background: #567687 !important;
  background-color: #567687 !important;
  border: none !important;
  border-radius: 4px !important;
  color: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active > svg {
  color: #fff !important;
  stroke: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active > i,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active > i::before {
  color: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active:hover {
  background: #567687 !important;
  background-color: #567687 !important;
  color: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active:hover > svg {
  color: #fff !important;
  stroke: #fff !important;
}
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active:hover > i,
[data-layout=twocolumn] .sidebar-twocol .twocol-mini .sidebar-left .nav-link.active:hover > i::before {
  color: #fff !important;
}

/* Oretek: sidebar-right menu (DIRECT etc.) — default text */
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.menu-title,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.menu-title span,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.menu-title,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.menu-title span {
  color: rgb(64, 67, 72) !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a {
  color: #40433E !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a i {
  color: #40433E !important;
}

/* Hover / subdrop highlight — not .active */
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a:hover:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a:hover:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover:not(.active),
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover:not(.active),
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a:hover:not(.active) {
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
  color: #40433E !important;
  text-decoration: none !important;
  border-radius: 4px !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a:hover:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a:hover:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover:not(.active) i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover:not(.active) i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a:hover:not(.active) i {
  color: #40433E !important;
}

/* Active — terracotta text, no background */
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a.active,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.active > a,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a.active:hover,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.active > a:hover,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active:hover,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active:hover,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a.active,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.active > a,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a.active:hover,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.active > a:hover,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active:hover,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #567687 !important;
  text-decoration: none !important;
}
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a.active i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.active > a i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li > a.active:hover i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.active > a:hover i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active:hover i,
[data-layout=twocolumn] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active:hover i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a.active i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.active > a i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li > a.active:hover i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.active > a:hover i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul li > a.active:hover i,
[data-size=twocol] .sidebar-twocol.sidebar .sidebar-right ul li.submenu-open ul li > a.active:hover i {
  color: #567687 !important;
}

/* Oretek: Quick Add button matches Hubs-style control, no hover effect */
.header .link-nav .btn.oretek-quick-add {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 1px solid #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
  --bs-btn-bg: #567687 !important;
  --bs-btn-border-color: #567687 !important;
  --bs-btn-color: #fff !important;
  --bs-btn-hover-bg: #567687 !important;
  --bs-btn-hover-border-color: #567687 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-active-bg: #567687 !important;
  --bs-btn-active-border-color: #567687 !important;
  --bs-btn-active-color: #fff !important;
  box-shadow: none !important;
}
.header .link-nav .btn.oretek-quick-add:hover,
.header .link-nav .btn.oretek-quick-add:focus,
.header .link-nav .btn.oretek-quick-add:active,
.header .link-nav .btn.oretek-quick-add.show {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 1px solid #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.header .link-nav .btn.oretek-quick-add:focus-visible {
  outline: none !important;
}
.header .link-nav .btn.oretek-quick-add i {
  color: #fff !important;
}
.header .link-nav .btn.oretek-quick-add:hover i,
.header .link-nav .btn.oretek-quick-add:focus i,
.header .link-nav .btn.oretek-quick-add:active i,
.header .link-nav .btn.oretek-quick-add.show i {
  color: #fff !important;
}

/* Strong override for topbar shortcuts trigger rollover/open states */
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:hover,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:focus,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:active,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add.show {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 1px solid #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:hover i,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:focus i,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add:active i,
.header .nav.user-menu .link-nav > .btn.btn-primary.oretek-quick-add.show i {
  color: #fff !important;
}

/* Shortcuts dropdown option rows/icons */
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item {
  border: 1px solid #E6EAED !important;
  border-color: #E6EAED !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  transition: none !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus {
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
  border: 0 !important;
  border-color: transparent !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item .link-icon,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item .link-icon i {
  color: inherit !important;
  transition: none !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover .link-icon,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus .link-icon {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 0 !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover .link-icon i,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus .link-icon i,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover p,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus p {
  color: #567687 !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover .link-icon i,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus .link-icon i,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover .link-icon svg,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus .link-icon svg {
  color: #FFF !important;
  fill: #FFF !important;
  stroke: #FFF !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover .link-icon i::before,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus .link-icon i::before {
  color: #FFF !important;
}
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:hover p,
.header .nav.user-menu .link-nav .dropdown-menu.dropdown-xl .link-item:focus p {
  color: #567687 !important;
}

/* Oretek: topbar Companies shortcut dropdown (match original select-like style) */
.header .link-nav .btn.oretek-topbar-sections-toggle {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 1px solid #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.header .link-nav .btn.oretek-topbar-sections-toggle:hover,
.header .link-nav .btn.oretek-topbar-sections-toggle:focus,
.header .link-nav .btn.oretek-topbar-sections-toggle:active,
.header .link-nav .btn.oretek-topbar-sections-toggle.show {
  background: #567687 !important;
  background-color: #567687 !important;
  border: 1px solid #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
}
.header .link-nav .btn.oretek-topbar-sections-toggle i {
  color: #fff !important;
}
.header .link-nav .oretek-topbar-sections-menu {
  min-width: 220px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 0.5rem 0;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item {
  font-size: 14px;
  color: #40433E;
  display: flex;
  align-items: center;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item i,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item i::before {
  color: #40433E !important;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:hover,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:focus,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:active {
  color: #40433E !important;
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:hover i,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:hover i::before,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:focus i,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:focus i::before,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:active i,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item:active i::before {
  color: #40433E !important;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item.active {
  color: #567687 !important;
  background: transparent !important;
  background-color: transparent !important;
}
.header .link-nav .oretek-topbar-sections-menu .dropdown-item.active i,
.header .link-nav .oretek-topbar-sections-menu .dropdown-item.active i::before {
  color: #567687 !important;
}

/* Oretek: profile image dropdown (menu-drop-user) palette */
.header .menu-drop-user {
  padding-bottom: 8px !important;
  overflow: visible !important;
}
.header .menu-drop-user .dropdown-item {
  color: #40433E !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 1.25 !important;
}
.header .menu-drop-user .dropdown-item i,
.header .menu-drop-user .dropdown-item i::before {
  color: #40433E !important;
}
.header .menu-drop-user .dropdown-item:hover,
.header .menu-drop-user .dropdown-item:focus,
.header .menu-drop-user .dropdown-item:active {
  color: #40433E !important;
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
}
.header .menu-drop-user .dropdown-item:hover i,
.header .menu-drop-user .dropdown-item:focus i,
.header .menu-drop-user .dropdown-item:active i,
.header .menu-drop-user .dropdown-item:hover i::before,
.header .menu-drop-user .dropdown-item:focus i::before,
.header .menu-drop-user .dropdown-item:active i::before {
  color: #40433E !important;
}
.header .menu-drop-user .dropdown-item.active,
.header .menu-drop-user .dropdown-item.active:hover,
.header .menu-drop-user .dropdown-item.active:focus,
.header .menu-drop-user .dropdown-item.active:active {
  color: #567687 !important;
  background: transparent !important;
  background-color: transparent !important;
}
.header .menu-drop-user .dropdown-item.active i,
.header .menu-drop-user .dropdown-item.active i::before {
  color: #567687 !important;
}
.header .menu-drop-user .dropdown-item.logout {
  margin-bottom: 4px !important;
}

/* Oretek: tasks.php should use Oretek palette, not template orange */
.oretek-tasks-page .btn.btn-primary,
.oretek-tasks-page .btn.btn-primary:hover,
.oretek-tasks-page .btn.btn-primary:focus,
.oretek-tasks-page .btn.btn-primary:active,
.oretek-tasks-page .btn.btn-primary.active {
  background: #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.oretek-tasks-page .badge.bg-outline-warning,
.oretek-tasks-page .badge.bg-outline-danger,
.oretek-tasks-page .badge.bg-outline-success,
.oretek-tasks-page .badge.bg-outline-info {
  color: #567687 !important;
  border-color: #567687 !important;
}
.oretek-tasks-page .oretek-task-priority-pill {
  border: none !important;
  color: #40433E !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.oretek-tasks-page .oretek-task-priority-pill.oretek-task-priority-low {
  background-color: #EDEDEF !important;
}
.oretek-tasks-page .oretek-task-priority-pill.oretek-task-priority-normal {
  background-color: #E1EBDA !important;
}
.oretek-tasks-page .oretek-task-priority-pill.oretek-task-priority-high {
  background-color: #F3B869 !important;
}
.oretek-tasks-page .oretek-task-priority-pill.oretek-task-priority-rush {
  background-color: #E68A74 !important;
}
.oretek-tasks-page .oretek-task-card-footer-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: none !important;
}
.oretek-tasks-page .oretek-task-card-footer-btn i {
  width: 16px;
  height: 16px;
}
.oretek-tasks-page .oretek-task-card-delete {
  background: transparent !important;
  color: #8F4535 !important;
}
.oretek-tasks-page .oretek-task-card-delete:hover,
.oretek-tasks-page .oretek-task-card-delete:focus,
.oretek-tasks-page .oretek-task-card-delete:active {
  background: #8F4535 !important;
  color: #FFF !important;
}
.oretek-tasks-page .oretek-task-card-edit {
  background: transparent !important;
  color: #567687 !important;
}
.oretek-tasks-page .oretek-task-card-edit:hover,
.oretek-tasks-page .oretek-task-card-edit:focus,
.oretek-tasks-page .oretek-task-card-edit:active {
  background: #567687 !important;
  color: #FFF !important;
}
.oretek-tasks-page .oretek-task-card-view {
  background: transparent !important;
  color: #93998E !important;
}
.oretek-tasks-page .oretek-task-card-view:hover,
.oretek-tasks-page .oretek-task-card-view:focus,
.oretek-tasks-page .oretek-task-card-view:active {
  background: #93998E !important;
  color: #FFF !important;
}
.oretek-tasks-page .text-warning,
.oretek-tasks-page .text-danger,
.oretek-tasks-page .text-success,
.oretek-tasks-page .text-info {
  color: #567687 !important;
}
.oretek-tasks-page .text-warning i,
.oretek-tasks-page .text-danger i,
.oretek-tasks-page .text-success i,
.oretek-tasks-page .text-info i {
  color: #567687 !important;
}
.oretek-tasks-page .nav-pills .nav-link {
  color: #40433E !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.oretek-tasks-page .nav-pills .nav-link:hover,
.oretek-tasks-page .nav-pills .nav-link:focus {
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
  color: #40433E !important;
}
.oretek-tasks-page .nav-pills .nav-link.active,
.oretek-tasks-page .nav-pills .show > .nav-link {
  background: transparent !important;
  background-color: transparent !important;
  color: #567687 !important;
}
.oretek-tasks-page .nav-pills .nav-link.active:hover,
.oretek-tasks-page .nav-pills .nav-link.active:focus {
  background: #DCE4E8 !important;
  background-color: #DCE4E8 !important;
  color: #567687 !important;
}
.oretek-tasks-page a,
.oretek-tasks-page p,
.oretek-tasks-page h4,
.oretek-tasks-page h5,
.oretek-tasks-page h6 {
  color: #40433E;
}
.oretek-tasks-page .oretek-progress-monitor-row {
  --bs-gutter-x: 1rem;
}
.oretek-tasks-page .oretek-progress-monitor-chart-col {
  min-height: 130px;
  flex: 1 1 0;
  min-width: 0;
}
.oretek-tasks-page .oretek-progress-monitor-status-col {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .oretek-tasks-page .oretek-progress-monitor-status-col {
    width: auto;
    max-width: min(100%, 11.5rem);
    min-width: 9.75rem;
    padding-left: 0.35rem;
  }
}
.oretek-tasks-page .oretek-task-status-ref-list {
  text-align: right;
  width: max-content;
  max-width: 100%;
  font-size: calc(0.8125rem - 2px);
  line-height: 1.45;
  color: #40433E;
}
.oretek-tasks-page .oretek-task-status-ref-list li + li {
  margin-top: 0.35rem;
}
.oretek-tasks-page #tasks-progress-chart,
.oretek-procurement-page #procurement-progress-chart {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  width: 100%;
}
.oretek-procurement-page .oretek-procurement-rings-wrap {
  width: 100%;
  min-height: 130px;
  align-items: center;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-radialbar g.apexcharts-series,
.oretek-procurement-page #procurement-progress-chart .apexcharts-radialbar g.apexcharts-series {
  cursor: pointer;
}
.oretek-tasks-page .oretek-task-card-filtered-out {
  display: none !important;
}

/* Tasks list table (tasks.php — matches packing-slip list pattern) */
.oretek-tasks-page .oretek-task-table {
  --bs-table-border-color: rgba(86, 118, 135, 0.18);
}
.oretek-tasks-page .oretek-task-table-wrap {
  box-shadow: 0 1px 2px rgba(64, 67, 62, 0.06);
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-bottom: 140px;
}
.oretek-tasks-page .oretek-task-list-card,
.oretek-tasks-page .oretek-task-list-card .card-body {
  overflow: visible !important;
}
.oretek-tasks-page .oretek-task-table .edit-delete-action,
.oretek-tasks-page .oretek-task-table .action-table-data,
.oretek-tasks-page .oretek-task-table .dropdown {
  overflow: visible !important;
}
.oretek-tasks-page .oretek-task-table thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.oretek-tasks-page .oretek-task-table .edit-delete-action .action-eye,
.oretek-tasks-page .oretek-task-table .edit-delete-action .feather-rotate-cw,
.oretek-tasks-page .oretek-task-table .edit-delete-action .feather-more-horizontal {
  width: 18px;
  height: 18px;
}
.oretek-tasks-page .oretek-task-table .edit-delete-action > a:not(.dropdown-item):hover .action-eye {
  opacity: 0.85;
}
.oretek-tasks-page .oretek-task-table .oretek-task-actions-menu {
  border: 1px solid rgb(209, 209, 209);
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  padding: 0;
  z-index: 450000000 !important;
}
.oretek-tasks-page .oretek-task-table .oretek-task-actions-menu .dropdown-item {
  border: none;
  border-bottom: 1px solid rgb(226, 226, 226);
  border-radius: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 0.45rem 0.9rem;
}
.oretek-tasks-page .oretek-task-table .oretek-task-status-actions-menu li:last-child .dropdown-item {
  border-bottom: none;
}
.oretek-tasks-page .oretek-task-table .oretek-task-more-actions-menu li:nth-last-child(2) .dropdown-item {
  border-bottom: none;
}
.oretek-tasks-page .oretek-task-table .oretek-task-more-actions-menu li:last-child .dropdown-item {
  border-bottom: none;
  border-top: 1px solid rgb(226, 226, 226);
}
.oretek-tasks-page .oretek-task-table .oretek-task-actions-menu .dropdown-item:hover,
.oretek-tasks-page .oretek-task-table .oretek-task-actions-menu .dropdown-item:focus,
.oretek-tasks-page .oretek-task-table .oretek-task-actions-menu .dropdown-item:active {
  background-color: rgb(209, 209, 209);
  color: inherit;
}

.oretek-tasks-page #oretek-task-status-toolbar {
  justify-content: flex-start;
}
.oretek-tasks-page #oretek-task-status-toolbar .oretek-task-toolbar-actions {
  margin-left: auto;
}
.oretek-tasks-page #oretek-task-status-toolbar .search-set {
  margin-bottom: 0;
}

.oretek-tasks-page .oretek-task-status-pills .nav-link:not(.active) {
  background: #ededed !important;
  color: #c4c4c4 !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="all"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="all"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="all"].active {
  background: #98d9b0 !important;
  color: #25362b !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="not started"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="not started"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="not started"].active {
  background: #adadad !important;
  color: #595959 !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="in progress"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="in progress"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="in progress"].active {
  background: #77ab8a !important;
  color: #fff !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="waiting"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="waiting"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="waiting"].active {
  background: #dcb8e8 !important;
  color: #4a3558 !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="cancelled"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="cancelled"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="cancelled"].active {
  background: #8f4535 !important;
  color: #fff !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="completed"]:hover,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="completed"]:focus,
.oretek-tasks-page .oretek-task-status-pills .nav-link[data-oretek-task-filter="completed"].active {
  background: #3c525e !important;
  color: #fff !important;
  border-radius: 4px !important;
  border: none !important;
}

/* Row status badges — match filter pill active colors */
.oretek-tasks-page .oretek-task-status-badge {
  border: none !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.oretek-tasks-page .oretek-task-status-badge--not-started {
  background: #adadad !important;
  color: #595959 !important;
}
.oretek-tasks-page .oretek-task-status-badge--in-progress {
  background: #77ab8a !important;
  color: #fff !important;
}
.oretek-tasks-page .oretek-task-status-badge--waiting {
  background: #dcb8e8 !important;
  color: #4a3558 !important;
}
.oretek-tasks-page .oretek-task-status-badge--cancelled {
  background: #8f4535 !important;
  color: #fff !important;
}
.oretek-tasks-page .oretek-task-status-badge--completed {
  background: #3c525e !important;
  color: #fff !important;
}

.oretek-tasks-page #tasks-progress-chart .apexcharts-radialbar g.apexcharts-series[role="button"]:focus-visible,
.oretek-procurement-page #procurement-progress-chart .apexcharts-radialbar g.apexcharts-series[role="button"]:focus-visible {
  outline: 2px solid #4262B3;
  outline-offset: 3px;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-canvas,
.oretek-procurement-page #procurement-progress-chart .apexcharts-canvas {
  margin: 0 !important;
  padding: 0 !important;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transform: translate(8px, 8px) !important;
  padding: 0 !important;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip .apexcharts-tooltip-title,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip-series-group,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip-series-group {
  background: transparent !important;
  color: inherit !important;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip-text-y-label,
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip-text-y-value,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip-text-y-label,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip-text-y-value {
  color: #fff !important;
}
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip-series-group,
.oretek-tasks-page #tasks-progress-chart .apexcharts-tooltip-marker,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip-series-group,
.oretek-procurement-page #procurement-progress-chart .apexcharts-tooltip-marker {
  display: none !important;
}
.oretek-tasks-page #tasks-progress-chart .oretek-ring-tooltip,
.oretek-procurement-page #procurement-progress-chart .oretek-ring-tooltip {
  background: rgba(86, 118, 135, 0.7);
  color: #fff !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
#oretek-task-add-modal .modal-dialog {
  max-width: 420px !important;
  width: calc(100% - 2rem);
}
#oretek-task-add-modal .modal-footer {
  justify-content: flex-start !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn {
  border-color: #737373 !important;
  border-width: 1px !important;
  border-style: solid !important;
  color: #40433E !important;
  background-color: transparent !important;
  background: transparent !important;
  --bs-btn-bg: transparent !important;
  --bs-btn-border-color: #737373 !important;
  --bs-btn-color: #40433E !important;
  --bs-btn-hover-bg: transparent !important;
  --bs-btn-hover-border-color: #737373 !important;
  --bs-btn-hover-color: #40433E !important;
  --bs-btn-active-bg: transparent !important;
  --bs-btn-active-border-color: #737373 !important;
  --bs-btn-active-color: #40433E !important;
  box-shadow: none !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low {
  --oretek-priority-bg: #EDEDEF;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal {
  --oretek-priority-bg: #E1EBDA;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high {
  --oretek-priority-bg: #F3B869;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush {
  --oretek-priority-bg: #E68A74;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn:hover,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn:focus,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn:active {
  border-color: #737373 !important;
  color: #40433E !important;
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low:hover,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low:focus,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low.active {
  background-color: #EDEDEF !important;
  background: #EDEDEF !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal:hover,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal:focus,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal.active {
  background-color: #E1EBDA !important;
  background: #E1EBDA !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high:hover,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high:focus,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high.active {
  background-color: #F3B869 !important;
  background: #F3B869 !important;
}
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush:hover,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush:focus,
#oretek-task-add-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush.active {
  background-color: #E68A74 !important;
  background: #E68A74 !important;
}
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn {
  border-color: #737373 !important;
  border-width: 1px !important;
  border-style: solid !important;
  color: #40433E !important;
  background-color: transparent !important;
  background: transparent !important;
  --bs-btn-bg: transparent !important;
  --bs-btn-border-color: #737373 !important;
  --bs-btn-color: #40433E !important;
  --bs-btn-hover-bg: transparent !important;
  --bs-btn-hover-border-color: #737373 !important;
  --bs-btn-hover-color: #40433E !important;
  --bs-btn-active-bg: transparent !important;
  --bs-btn-active-border-color: #737373 !important;
  --bs-btn-active-color: #40433E !important;
  box-shadow: none !important;
}
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low:hover,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low:focus,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-low.active {
  background-color: #EDEDEF !important;
  background: #EDEDEF !important;
}
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal:hover,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal:focus,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-normal.active {
  background-color: #E1EBDA !important;
  background: #E1EBDA !important;
}
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high:hover,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high:focus,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-high.active {
  background-color: #F3B869 !important;
  background: #F3B869 !important;
}
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush:hover,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush:focus,
#oretek-task-edit-modal .oretek-task-priority-group .btn.oretek-task-priority-btn.oretk-priority-rush.active {
  background-color: #E68A74 !important;
  background: #E68A74 !important;
}
#oretek-task-view-modal .modal-dialog,
#oretek-task-edit-modal .modal-dialog {
  max-width: 528px !important;
  width: calc(100% - 2rem);
}
#oretek-task-view-modal .modal-footer,
#oretek-task-edit-modal .modal-footer {
  justify-content: flex-start !important;
}

/* Oretek: signin primary action matches shortcuts button */
.account-content .btn.oretek-signin-btn {
  background: rgb(19, 52, 85) !important;
  border-color: rgb(19, 52, 85) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.account-content .btn.oretek-signin-btn:hover,
.account-content .btn.oretek-signin-btn:focus,
.account-content .btn.oretek-signin-btn:active,
.account-content .btn.oretek-signin-btn.show,
.account-content .btn.oretek-signin-btn:disabled {
  background: rgb(19, 52, 85) !important;
  border-color: rgb(19, 52, 85) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.account-content .btn.oretek-signin-btn:focus-visible {
  outline: none !important;
}

/* Oretek: signin email addon should blend with field, not white */
.account-content .login-userset .input-group .input-group-text {
  background: rgb(232, 240, 253) !important;
}
.account-content .login-userset .authentication-check a {
  color: rgb(181, 112, 96) !important;
}
.account-content .login-userset .login-userheading h4 {
  color: rgb(64, 67, 72) !important;
}
.account-content .login-userset label.form-label,
.account-content .login-userset .copyright-text p {
  color: rgb(64, 67, 72) !important;
}

/* Oretek: dashboard task overview card */
.oretk-task-overview-card .card-title {
  color: #40433E;
  font-size:18px !important;
  padding-top:4px !important;
}
.oretk-task-overview-card .oretk-task-overview-goto-btn {
  background: transparent !important;
  border: none !important;
  color: #567687 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  width: 28px;
  height: 28px;
  padding: 0 !important;
}
.oretk-task-overview-card .oretk-task-overview-goto-btn i {
  color: #567687 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
.oretk-task-overview-card .oretk-task-overview-goto-btn:hover,
.oretk-task-overview-card .oretk-task-overview-goto-btn:focus,
.oretk-task-overview-card .oretk-task-overview-goto-btn:active {
  background: #567687 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.oretk-task-overview-card .oretk-task-overview-goto-btn:hover i,
.oretk-task-overview-card .oretk-task-overview-goto-btn:focus i,
.oretk-task-overview-card .oretk-task-overview-goto-btn:active i {
  color: #fff !important;
}
.oretk-task-overview-card .oretk-task-overview-tabs .nav-link {
  color: #40433E !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: background-color 120ms ease;
}
.oretk-task-overview-card .oretk-task-overview-tabs .nav-link.active {
  background: transparent !important;
  color: #40433E !important;
  font-weight: 600;
}
.oretk-task-overview-card #oretk-tab-rush:hover,
.oretk-task-overview-card #oretk-tab-rush:focus {
  background: transparent !important;
  color: #E68A74 !important;
  border-bottom: 4px solid #E68A74 !important;
  padding-bottom: 2px !important;
}
.oretk-task-overview-card #oretk-tab-high:hover,
.oretk-task-overview-card #oretk-tab-high:focus {
  background: transparent !important;
  color: #f3b869 !important;
  border-bottom: 4px solid #f3b869 !important;
  padding-bottom: 2px !important;
}
.oretk-task-overview-card #oretk-tab-normal:hover,
.oretk-task-overview-card #oretk-tab-normal:focus {
  background: transparent !important;
  color: #E1EBDA !important;
  border-bottom: 4px solid #E1EBDA !important;
  padding-bottom: 2px !important;
}
.oretk-task-overview-card #oretk-tab-low:hover,
.oretk-task-overview-card #oretk-tab-low:focus {
  background: transparent !important;
  color: #EDEDED !important;
  border-bottom: 4px solid #EDEDED !important;
  padding-bottom: 2px !important;
}
.oretk-task-overview-card #oretk-tab-followup:hover,
.oretk-task-overview-card #oretk-tab-followup:focus {
  background: transparent !important;
  color: #9378AB !important;
  border-bottom: 4px solid #9378AB !important;
  padding-bottom: 2px !important;
}
.oretk-task-overview-table tbody tr.oretk-task-overview-row {
  cursor: pointer;
  border-bottom: 1px solid #ededed;
}
.oretk-task-overview-table tbody tr.oretk-task-overview-row:hover,
.oretk-task-overview-table tbody tr.oretk-task-overview-row:focus-within {
  background: #f6f8fa;
}
.oretk-task-overview-table .oretk-task-overview-task {
  color: #40433E;
}
.oretk-task-overview-table .oretk-task-overview-details {
  color: #5B5F64;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}
.oretk-task-overview-card .table-responsive {
  overflow-x: hidden;
}

/* Oretek: task view-only modal */
#oretk-task-overview-view-modal .oretk-task-overview-view-modal-content {
  border-radius: 10px;
}
#oretk-task-overview-view-modal .modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #ECEFF2;
}
#oretk-task-overview-view-modal .modal-body {
  padding-top: 1rem;
}
#oretk-task-overview-view-modal .oretk-task-view-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
}
#oretk-task-overview-view-modal .oretk-task-view-label {
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #858A90;
}
#oretk-task-overview-view-modal .oretk-task-view-value {
  margin: 0.15rem 0 0;
  color: #40433E;
  font-weight: 600;
}
#oretk-task-overview-view-modal .oretk-task-view-block {
  border: 1px solid #E5E8EC;
  border-radius: 8px;
  background: #FAFBFC;
  padding: 0.75rem;
  color: #40433E;
  white-space: pre-wrap;
}
#oretk-task-overview-view-modal .oretk-task-view-close-btn {
  background: transparent !important;
  border: none !important;
  color: #ADADAD !important;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 4px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}
#oretk-task-overview-view-modal .oretk-task-view-close-btn:hover,
#oretk-task-overview-view-modal .oretk-task-view-close-btn:focus,
#oretk-task-overview-view-modal .oretk-task-view-close-btn:active {
  background: #ADADAD !important;
  color: #595959 !important;
}
#oretk-task-overview-view-modal .oretk-task-view-close-btn i {
  width: 16px;
  height: 16px;
}
@media (max-width: 767.98px) {
  #oretk-task-overview-view-modal .oretk-task-view-grid {
    grid-template-columns: 1fr;
  }
}

/* Oretek: keep topbar profile avatars cropped, not stretched */
.header .nav.user-menu .profile-nav .user-letter img,
.header .nav.user-menu .profile-nav .profileset .user-img img,
.header .mobile-user-menu .avatar.avatar-sm img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

/* Oretek: two-col sidebar total width 62 + 180 = 242px (was 252px) — align shell with mini-rail */
@media (min-width: 992px) {
  [data-layout=twocolumn] .sidebar.sidebar-twocol,
  [data-size=twocol] .sidebar.sidebar-twocol {
    width: 242px !important;
  }
  [data-layout=twocolumn] .page-wrapper,
  [data-size=twocol] .page-wrapper {
    margin-left: 242px !important;
  }
  [data-layout=twocolumn] .header,
  [data-size=twocol] .header {
    left: 242px !important;
  }
  [data-layout=twocolumn] .header .header-left,
  [data-size=twocol] .header .header-left {
    width: 242px !important;
  }
  [data-layout=twocolumn] body.mini-sidebar.expand-menu .header,
  [data-size=twocol] body.mini-sidebar.expand-menu .header {
    left: 242px !important;
  }
}
@media (min-width: 991.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode .header {
    left: 242px !important;
  }
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header {
    left: 62px !important;
  }
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
    left: 242px !important;
  }
}

/* Procurement — P.O. Overview period dropdown (scoped; JS behaviour unchanged) */
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:hover,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus-visible,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white.show,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:active,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus {
  background-color: #567687 !important;
  background: #567687 !important;
  border-color: #567687 !important;
  color: #ffffff !important;
}
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:hover .ti,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus-visible .ti,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white.show .ti,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:active .ti,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus .ti,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:hover #oretek-po-period-label,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus-visible #oretek-po-period-label,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white.show #oretek-po-period-label,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:active #oretek-po-period-label,
.oretek-procurement-page .oretek-po-period-dropdown.dropdown-wraper .dropdown-toggle.btn-white:focus #oretek-po-period-label {
  color: #ffffff !important;
}
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item {
  color: #40433e !important;
}
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item:hover,
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item:focus {
  background-color: rgba(220, 228, 232, 0.7) !important;
  color: #40433e !important;
}
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item.active,
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item.active:hover,
.oretek-procurement-page .oretek-po-period-dropdown .dropdown-menu .dropdown-item.active:focus {
  background-color: rgba(220, 228, 232, 1) !important;
  color: #40433e !important;
}

/* Packing slip — Flatpickr (calendar is on body; class added in JS onReady — slate palette / topbar primary) */
.flatpickr-calendar.oretek-ps-flatpickr {
  z-index: 2000 !important;
  border-radius: 0.35rem;
  box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.14);
  border-color: rgba(86, 118, 135, 0.35);
}
/* Month bar: background + white type / arrows */
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months {
  background: #567687 !important;
  border-radius: 0.35rem 0.35rem 0 0;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-month {
  background: transparent !important;
  color: #fff !important;
  fill: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month svg {
  fill: #fff !important;
  stroke: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month svg path {
  fill: #fff !important;
  stroke: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month:hover {
  color: #8bbdd9 !important;
  fill: #8bbdd9 !important;
  stroke: #8bbdd9 !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-prev-month:hover svg path,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-months .flatpickr-next-month:hover svg path {
  fill: #8bbdd9 !important;
  stroke: #8bbdd9 !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month span.cur-month {
  font-weight: 400 !important;
  color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .numInputWrapper input.cur-year {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months {
  padding-left: 0 !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .numInputWrapper input.cur-year {
  padding-left: 0 !important;
  font-weight: 400 !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .numInputWrapper:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.2rem;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-weekdays {
  background: rgba(220, 228, 232, 0.55);
}
.flatpickr-calendar.oretek-ps-flatpickr span.flatpickr-weekday {
  color: #40433e !important;
  font-weight: 600;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.selected,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.startRange,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.endRange,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.selected.inRange,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.startRange.inRange,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.endRange.inRange {
  background: #567687 !important;
  background-color: #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.selected:hover,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.startRange:hover,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.endRange:hover {
  background: #456573 !important;
  background-color: #456573 !important;
  border-color: #456573 !important;
  color: #fff !important;
}
/* Kill template orange (#FE9F43) on “today” — global style.css sets orange background on .flatpickr-day.today */
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #567687 !important;
  color: #40433e !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today.selected,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today.startRange,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today.endRange {
  background: #567687 !important;
  background-color: #567687 !important;
  border-color: #567687 !important;
  color: #fff !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today:hover,
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day.today:focus {
  border-color: #456573 !important;
  background: rgba(86, 118, 135, 0.12) !important;
  background-color: rgba(86, 118, 135, 0.12) !important;
  color: #40433e !important;
}
.flatpickr-calendar.oretek-ps-flatpickr .flatpickr-day:hover {
  background: rgba(220, 228, 232, 0.9);
  border-color: rgba(86, 118, 135, 0.35);
  color: #40433e;
}

/* Packing slips list table (wb_slips.php) */
.oretek-wb-slips-page .oretek-ps-slip-table {
  --bs-table-border-color: rgba(86, 118, 135, 0.18);
}
.oretek-wb-slips-page .oretek-ps-slip-table-wrap {
  box-shadow: 0 1px 2px rgba(64, 67, 62, 0.06);
}
.oretek-wb-slips-page .oretek-ps-slip-table thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.oretek-wb-slips-page .oretek-ps-card-filtered-out {
  display: none !important;
}

/* Packing slips list: action dropdowns (mirror purchase_orders.php / oretek-po-actions-menu) */
.oretek-wb-slips-page .oretek-ps-slip-list-card,
.oretek-wb-slips-page .oretek-ps-slip-list-card .card-body {
  overflow: visible !important;
}
.oretek-wb-slips-page .oretek-ps-slip-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-bottom: 140px;
}
.oretek-wb-slips-page .oretek-ps-slip-table .edit-delete-action,
.oretek-wb-slips-page .oretek-ps-slip-table .action-table-data,
.oretek-wb-slips-page .oretek-ps-slip-table .dropdown {
  overflow: visible !important;
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-actions-menu {
  border: 1px solid rgb(209, 209, 209);
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  padding: 0;
  z-index: 450000000 !important;
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-actions-menu .dropdown-item {
  border: none;
  border-bottom: 1px solid rgb(226, 226, 226);
  border-radius: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 0.45rem 0.9rem;
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-status-actions-menu li:last-child .dropdown-item {
  border-bottom: none;
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-more-actions-menu li:nth-last-child(2) .dropdown-item {
  border-bottom: none;
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-more-actions-menu li:last-child .dropdown-item {
  border-bottom: none;
  border-top: 1px solid rgb(226, 226, 226);
}
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-actions-menu .dropdown-item:hover,
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-actions-menu .dropdown-item:focus,
.oretek-wb-slips-page .oretek-ps-slip-table .oretek-ps-actions-menu .dropdown-item:active {
  background-color: rgb(209, 209, 209);
  color: inherit;
}

/* Packing slip modal: body scrolls (form wraps body+footer — rebuild flex chain for Bootstrap scrollable) */
#oretek-packing-slip-modal .modal-dialog.modal-dialog-scrollable {
  max-height: calc(100vh - 1rem);
}
#oretek-packing-slip-modal .modal-content {
  max-height: min(92vh, calc(100vh - 1.5rem));
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#oretek-packing-slip-modal .modal-content > form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
#oretek-packing-slip-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
#oretek-packing-slip-modal .modal-header,
#oretek-packing-slip-modal .modal-footer {
  flex-shrink: 0;
  overflow: visible;
}

/* Packing slip modal: 32px row height (user-tested); Select2 client matches inputs */
#oretek-packing-slip-modal input.form-control.form-control-sm {
  height: 32px !important;
  min-height: 32px !important;
}
#oretek-packing-slip-modal #oretek-ps-total-weight[readonly] {
  cursor: default;
}
#oretek-packing-slip-modal .add-product .select2-container {
  width: 100% !important;
}
#oretek-packing-slip-modal .add-product .select2-container .select2-selection--single {
  height: 32px !important;
  min-height: 32px !important;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}
#oretek-packing-slip-modal .add-product .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0.5rem;
  padding-right: 1.75rem;
  line-height: 30px;
  font-size: 0.875rem;
  color: var(--bs-body-color, #212529);
}
#oretek-packing-slip-modal .add-product .select2-container .select2-selection--single .select2-selection__arrow {
  height: 30px !important;
  top: 1px;
  right: 0.25rem;
}
#oretek-packing-slip-modal label.form-label[for="oretek-ps-ship-date"] {
  margin-top: 4px !important;
}
#oretek-packing-slip-modal textarea.form-control.form-control-sm.oretek-ps-multiline-notes {
  white-space: pre-wrap;
}
#oretek-packing-slip-modal #oretek-ps-form-notes {
  height: 70px !important;
  min-height: 70px !important;
}
/* --------------------------------------------------------------------------
   Multi-line repeatable rows (global)
   Use on any form: container .oretek-lines-host with direct children
   .oretek-line-row. Put the delete control in .oretek-line-remove-slot.
   First row’s remove slot is hidden so one line can always remain.
   -------------------------------------------------------------------------- */
.oretek-lines-host > .oretek-line-row:first-child .oretek-line-remove-slot {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Oretek modal icon buttons — global (.modal-* with .btn)
   Default: transparent, no border. Hover: 4px radius, no border, filled bg.
   -------------------------------------------------------------------------- */
.btn.modal-view,
.btn.modal-edit,
.btn.modal-download,
.btn.modal-delete,
.btn.modal-close,
.btn.modal-cancel,
.btn.modal-add,
.btn.modal-update,
.btn.modal-new-record,
.btn.modal-goto,
.btn.modal-new-line,
.btn.modal-delete-line,
.btn.modal-fullscreen,
.btn.modal-delete-row,
.btn.modal-expand,
.btn.modal-collapse {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.btn.modal-view svg,
.btn.modal-edit svg,
.btn.modal-download svg,
.btn.modal-download .fe,
.btn.modal-delete svg,
.btn.modal-close svg,
.btn.modal-cancel svg,
.btn.modal-add svg,
.btn.modal-update svg,
.btn.modal-new-record svg,
.btn.modal-new-record .fe-feather,
.btn.modal-goto svg,
.btn.modal-new-line svg,
.btn.modal-delete-line svg,
.btn.modal-fullscreen svg,
.btn.modal-delete-row svg,
.btn.modal-expand svg,
.btn.modal-collapse svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

/* --- VARIANT: view --- */
.btn.modal-view {
  color: #93998e !important;
}
.btn.modal-view:hover,
.btn.modal-view:focus-visible {
  background-color: #93998e !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: edit --- */
.btn.modal-edit {
  color: #567687 !important;
}
.btn.modal-edit:hover,
.btn.modal-edit:focus-visible {
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: download (same as edit) --- */
.btn.modal-download {
  color: #567687 !important;
}
.btn.modal-download:hover,
.btn.modal-download:focus-visible {
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px;
}
.btn.modal-download .fe {
  font-size: 16px;
  line-height: 1;
}

/* --- VARIANT: delete --- */
.btn.modal-delete {
  color: #8f4535 !important;
}
.btn.modal-delete:hover,
.btn.modal-delete:focus-visible {
  background-color: #8f4535 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: close --- */
.btn.modal-close {
  color: #adadad !important;
}
.btn.modal-close:hover,
.btn.modal-close:focus-visible {
  background-color: #adadad !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: cancel --- */
.btn.modal-cancel {
  color: #adadad !important;
}
.btn.modal-cancel:hover,
.btn.modal-cancel:focus-visible {
  background-color: #adadad !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: add --- */
.btn.modal-add {
  color: #77ab8a !important;
}
.btn.modal-add:hover,
.btn.modal-add:focus-visible {
  background-color: #77ab8a !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: update --- */
.btn.modal-update {
  color: #77ab8a !important;
}
.btn.modal-update:hover,
.btn.modal-update:focus-visible {
  background-color: #77ab8a !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: new record --- */
.btn.modal-new-record {
  color: #77ab8a !important;
}
.btn.modal-new-record:hover,
.btn.modal-new-record:focus-visible {
  background-color: #77ab8a !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: goto --- */
.btn.modal-goto {
  color: #567687 !important;
}
.btn.modal-goto:hover,
.btn.modal-goto:focus-visible {
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: new line — data-tooltip / aria-label copy: "New Line" --- */
.btn.modal-new-line {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin-top: -6px !important;
  color: rgba(95, 135, 109, 0.6) !important;
}
.btn.modal-new-line:hover,
.btn.modal-new-line:focus-visible {
  background-color: rgba(95, 135, 109, 0.5) !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: delete line — data-tooltip / aria-label copy: "Delete Line" --- */
.btn.modal-delete-line {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin-top: 24px !important;
  color: rgba(179, 87, 66, 0.6) !important;
}
.btn.modal-delete-line:hover,
.btn.modal-delete-line:focus-visible {
  background-color: rgba(179, 87, 66, 0.5) !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: fullscreen --- */
.btn.modal-fullscreen {
  color: #567687 !important;
}
.btn.modal-fullscreen:hover,
.btn.modal-fullscreen:focus-visible {
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: delete row --- */
.btn.modal-delete-row {
  color: #ab6d72 !important;
}
.btn.modal-delete-row:hover,
.btn.modal-delete-row:focus-visible {
  background-color: #ab6d72 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: expand (section) --- */
.btn.modal-expand {
  color: #3c525e !important;
}
.btn.modal-expand:hover,
.btn.modal-expand:focus-visible {
  background-color: #3c525e !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --- VARIANT: collapse (section) --- */
.btn.modal-collapse {
  color: #567687 !important;
}
.btn.modal-collapse:hover,
.btn.modal-collapse:focus-visible {
  background-color: #567687 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* --------------------------------------------------------------------------
   Modal tooltips — pure CSS, global.
   Use: .modal-tooltip + exactly one of .modal-tt-top | .modal-tt-right |
   .modal-tt-bottom | .modal-tt-left, and data-tooltip="Text" on the trigger.
   Fill: #40433E at 80% opacity.
   -------------------------------------------------------------------------- */
.modal-tooltip {
  position: relative;
  overflow: visible;
}

/* Shared bubble + caret shell (position set per .modal-tt-*) */
.modal-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  padding: 0.35rem 0.65rem;
  max-width: min(16rem, 90vw);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  text-align: center;
  border-radius: 0.25rem;
  color: #fff;
  background-color: rgba(64, 67, 62, 0.8);
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 1080;
}

.modal-tooltip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 1080;
}

.modal-tooltip:hover,
.modal-tooltip:focus-visible {
  z-index: 5;
}

.modal-tooltip:hover::after,
.modal-tooltip:hover::before,
.modal-tooltip:focus-visible::after,
.modal-tooltip:focus-visible::before {
  opacity: 1;
}

/* --- TOP (tooltip above control) --- */
.modal-tooltip.modal-tt-top::after {
  left: 50%;
  right: auto;
  bottom: calc(100% + 10px);
  top: auto;
  transform: translateX(-50%);
}

.modal-tooltip.modal-tt-top::before {
  left: 50%;
  right: auto;
  bottom: calc(100% + 3px);
  top: auto;
  transform: translateX(-50%);
  border-width: 7px 6px 0 6px;
  border-color: rgba(64, 67, 62, 0.8) transparent transparent transparent;
}

/* --- RIGHT (tooltip to the right of control) --- */
.modal-tooltip.modal-tt-right::after {
  left: calc(100% + 10px);
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

.modal-tooltip.modal-tt-right::before {
  left: calc(100% + 3px);
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  border-width: 6px 7px 6px 0;
  border-color: transparent rgba(64, 67, 62, 0.8) transparent transparent;
}

/* --- BOTTOM (tooltip below control) --- */
.modal-tooltip.modal-tt-bottom::after {
  left: 50%;
  right: auto;
  top: calc(100% + 10px);
  bottom: auto;
  transform: translateX(-50%);
}

.modal-tooltip.modal-tt-bottom::before {
  left: 50%;
  right: auto;
  top: calc(100% + 3px);
  bottom: auto;
  transform: translateX(-50%);
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent rgba(64, 67, 62, 0.8) transparent;
}

/* --- LEFT (tooltip to the left of control) --- */
.modal-tooltip.modal-tt-left::after {
  right: 100%;
  left: auto;
  top: 50%;
  bottom: auto;
  margin-right: 10px;
  transform: translateY(-50%);
}

.modal-tooltip.modal-tt-left::before {
  right: 100%;
  left: auto;
  top: 50%;
  bottom: auto;
  margin-right: 3px;
  transform: translateY(-50%);
  border-width: 6px 0 6px 7px;
  border-color: transparent transparent transparent rgba(64, 67, 62, 0.8);
}

/* =============================================================================
   Moose Nation — Action buttons
   Icons: plus-square, edit, repeat, trash-2, slash, check-square, x-square, minimize, save, external-link
   Do NOT pair with Bootstrap .btn / .btn-sm
   ============================================================================= */

/* Shared base — all action buttons */
button.moose-action-expand,
a.moose-action-expand,
button.moose-action-add,
button.moose-action-edit,
button.moose-action-transfer,
button.moose-action-delete,
button.moose-action-cancel,
button.moose-action-confirm,
button.moose-action-close,
button.moose-action-window-close,
button.moose-action-save {
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0.35rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  border: none !important;
  border-radius: 4pt !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  text-transform: none !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* EXPAND — #567687 / #FFF */
button.moose-action-expand,
a.moose-action-expand {
  color: #567687 !important;
}
button.moose-action-expand:hover,
button.moose-action-expand:active,
button.moose-action-expand:focus-visible,
a.moose-action-expand:hover,
a.moose-action-expand:active,
a.moose-action-expand:focus-visible {
  background: #567687 !important;
  border: none !important;
  border-radius: 4pt !important;
  color: #ffffff !important;
}
button.moose-action-expand:focus-visible,
a.moose-action-expand:focus-visible {
  outline: 2px solid #567687 !important;
  outline-offset: 2px !important;
}

/* ADD — #77AB8A / #FFF */
button.moose-action-add {
  color: #77ab8a !important;
}
button.moose-action-add:hover,
button.moose-action-add:active,
button.moose-action-add:focus-visible {
  background: #77ab8a !important;
  color: #ffffff !important;
}
button.moose-action-add:focus-visible {
  outline: 2px solid #77ab8a !important;
  outline-offset: 2px !important;
}

/* EDIT — #567687 / #FFF */
button.moose-action-edit {
  color: #567687 !important;
}
button.moose-action-edit:hover,
button.moose-action-edit:active,
button.moose-action-edit:focus-visible {
  background: #567687 !important;
  color: #ffffff !important;
}
button.moose-action-edit:focus-visible {
  outline: 2px solid #567687 !important;
  outline-offset: 2px !important;
}

/* TRANSFER — #9378AB / #FFF */
button.moose-action-transfer {
  color: #9378ab !important;
}
button.moose-action-transfer:hover,
button.moose-action-transfer:active,
button.moose-action-transfer:focus-visible {
  background: #9378ab !important;
  color: #ffffff !important;
}
button.moose-action-transfer:focus-visible {
  outline: 2px solid #9378ab !important;
  outline-offset: 2px !important;
}

/* DELETE — #8F4535 / #FFF */
button.moose-action-delete {
  color: #8f4535 !important;
}
button.moose-action-delete:hover,
button.moose-action-delete:active,
button.moose-action-delete:focus-visible {
  background: #8f4535 !important;
  color: #ffffff !important;
}
button.moose-action-delete:focus-visible {
  outline: 2px solid #8f4535 !important;
  outline-offset: 2px !important;
}

/* CANCEL — #ADADAD idle; hover bg #ADADAD, text #595959 */
button.moose-action-cancel {
  color: #adadad !important;
}
button.moose-action-cancel:hover,
button.moose-action-cancel:active,
button.moose-action-cancel:focus-visible {
  background: #adadad !important;
  color: #595959 !important;
}
button.moose-action-cancel:focus-visible {
  outline: 2px solid #adadad !important;
  outline-offset: 2px !important;
}

/* CONFIRM — #77AB8A / #FFF */
button.moose-action-confirm {
  color: #77ab8a !important;
}
button.moose-action-confirm:hover,
button.moose-action-confirm:active,
button.moose-action-confirm:focus-visible {
  background: #77ab8a !important;
  color: #ffffff !important;
}
button.moose-action-confirm:focus-visible {
  outline: 2px solid #77ab8a !important;
  outline-offset: 2px !important;
}

/* CLOSE — same as CANCEL */
button.moose-action-close {
  color: #adadad !important;
}
button.moose-action-close:hover,
button.moose-action-close:active,
button.moose-action-close:focus-visible {
  background: #adadad !important;
  color: #595959 !important;
}
button.moose-action-close:focus-visible {
  outline: 2px solid #adadad !important;
  outline-offset: 2px !important;
}

/* SAVE — #77AB8A / #FFF */
button.moose-action-save {
  color: #77ab8a !important;
}
button.moose-action-save:hover,
button.moose-action-save:active,
button.moose-action-save:focus-visible {
  background: #77ab8a !important;
  color: #ffffff !important;
}
button.moose-action-save:focus-visible {
  outline: 2px solid #77ab8a !important;
  outline-offset: 2px !important;
}

/* Icon sizing (Feather inside buttons) */
.moose-action-expand svg,
.moose-action-expand .feather,
.moose-action-add svg,
.moose-action-add .feather,
.moose-action-edit svg,
.moose-action-edit .feather,
.moose-action-transfer svg,
.moose-action-transfer .feather,
.moose-action-delete svg,
.moose-action-delete .feather,
.moose-action-cancel svg,
.moose-action-cancel .feather,
.moose-action-confirm svg,
.moose-action-confirm .feather,
.moose-action-close svg,
.moose-action-close .feather,
.moose-action-window-close svg,
.moose-action-window-close .feather,
.moose-action-save svg,
.moose-action-save .feather {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  stroke: currentColor !important;
  color: inherit !important;
}

/* WINDOW-CLOSE — modal header; fe-minimize */
button.moose-action-window-close {
  color: #adadad !important;
  margin-left: auto !important;
}
button.moose-action-window-close:hover,
button.moose-action-window-close:active,
button.moose-action-window-close:focus-visible {
  background: #adadad !important;
  border-radius: 4px !important;
  color: #595959 !important;
}
button.moose-action-window-close:focus-visible {
  outline: 2px solid #adadad !important;
  outline-offset: 2px !important;
}
.moose-action-window-close__dot {
  display: none !important;
}

/* Oretek: Style Guide (style-guide.php) */
.oretek-style-guide-page .oretek-style-guide-card .card-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}
.oretek-style-guide-page .oretek-style-guide-card .card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #404348;
}
.oretek-style-guide-page .oretek-style-guide-card .card-body {
  min-height: 5rem;
}
.oretek-style-guide-page .oretek-sg-palette-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
}
.oretek-style-guide-page .oretek-sg-palette-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 4.25rem;
}
.oretek-style-guide-page .oretek-sg-swatch {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  padding: 0 !important;
  border-radius: 4px !important;
  border: 1px solid rgba(64, 67, 62, 0.12) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.oretek-style-guide-page .oretek-sg-swatch--light {
  border-color: rgba(64, 67, 62, 0.22) !important;
}
.oretek-style-guide-page .oretek-sg-swatch-caption {
  font-size: 0.7rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #5b5f64;
  letter-spacing: 0.02em;
}
.oretek-style-guide-page .oretek-sg-palette-group:last-child {
  margin-bottom: 0 !important;
}
.oretek-style-guide-page .oretek-sg-btn-tooltips-note code {
  font-size: 0.8em;
}
.oretek-style-guide-page .oretek-sg-code-example {
  font-size: 0.7rem;
  line-height: 1.35;
  padding: 0.65rem 0.75rem;
  margin: 0;
  border-radius: 4px;
  background: #f6f8fa;
  border: 1px solid #e9ecef;
  color: #404348;
  overflow-x: auto;
}
.oretek-style-guide-page .oretek-sg-btn-demo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
  overflow: visible;
  padding-bottom: 2.75rem;
}
.oretek-style-guide-page .oretek-sg-btn-demo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 5.5rem;
  overflow: visible;
}
.oretek-style-guide-page .oretek-sg-btn-demo-item .moose-action-window-close {
  margin-left: 0 !important;
}
.oretek-style-guide-page .oretek-sg-btn-demo-item--labeled {
  min-width: 8.5rem;
}
.oretek-style-guide-page .oretek-sg-btn-demo-caption {
  font-size: 0.65rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #5b5f64;
  text-align: center;
  line-height: 1.2;
  max-width: 6.5rem;
  word-break: break-word;
}
.oretek-style-guide-page .oretek-sg-section-label:first-child {
  margin-top: 0 !important;
}
.oretek-style-guide-page .oretek-sg-topbar-demo.header .link-nav .btn {
  font-size: 0.8125rem;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link:not(.active) {
  background: #ededed !important;
  color: #c4c4c4 !important;
  border-radius: 4px !important;
  border: none !important;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="all"]:hover,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="all"]:focus,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="all"].active {
  background: #98d9b0 !important;
  color: #25362b !important;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="pending"]:hover,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="pending"]:focus,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="pending"].active {
  background: #adadad !important;
  color: #595959 !important;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="open"]:hover,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="open"]:focus,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="open"].active {
  background: #77ab8a !important;
  color: #fff !important;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="closed"]:hover,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="closed"]:focus,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="closed"].active {
  background: #3c525e !important;
  color: #fff !important;
}
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="cancelled"]:hover,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="cancelled"]:focus,
.oretek-style-guide-page .oretek-po-status-pills .nav-link[data-oretek-po-filter="cancelled"].active {
  background: #8f4535 !important;
  color: #fff !important;
}
.oretek-style-guide-page .oretek-sg-priority-scope .oretek-task-priority-group .btn.oretek-task-priority-btn {
  flex: 1 1 0;
}

/* Oretek site-wide hyperlink colours — end of cascade; overrides DreamsPOS orange (#FE9F43 / #fe8510) */
html[data-layout=twocolumn] a:link,
html[data-size=twocol] a:link,
body a:link {
  color: #317397 !important;
}
html[data-layout=twocolumn] a:visited,
html[data-size=twocol] a:visited,
body a:visited {
  color: #2b6585 !important;
}
html[data-layout=twocolumn] a:hover,
html[data-size=twocol] a:hover,
body a:hover,
html[data-layout=twocolumn] a:focus:hover,
html[data-size=twocol] a:focus:hover,
body a:focus:hover,
[data-color=primary] .table tbody tr td a:hover,
.table tbody tr td a:hover,
.table tbody tr td a:hover i {
  color: #8bbdd9 !important;
}
html[data-layout=twocolumn] a:active,
html[data-size=twocol] a:active,
body a:active {
  color: #5ea3ca !important;
}
html[data-layout=twocolumn] a:focus,
html[data-layout=twocolumn] a:focus-visible,
html[data-size=twocol] a:focus,
html[data-size=twocol] a:focus-visible,
body a:focus,
body a:focus-visible {
  color: #d9eaf3 !important;
}