/* Fixed StakTask palette: ignore per-store/user theme colors in dashboard chrome. */
:root {
  --stak-primary: #337ab7;
  --stak-primary-dark: #286090;
  --stak-primary-soft: #edf6ff;
  --stak-on-primary: #ffffff;
  --stak-active-surface: #f8f8f8;
  --stak-board-canvas: #edf4fb;
  --stak-list-surface: #ffffff;
  --stak-task-surface: #fbfdff;
  --stak-task-border: #dbe7f1;
}

/* Tasks mobile board: keep task lists in one horizontal row. */
@media all and (max-width: 991px) {
  #TaskAndGroupContainerID {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  #TaskAndGroupContainerID .taskGroupParent,
  #TaskAndGroupContainerID #taskListWrap {
    display: block !important;
    float: none !important;
    min-width: 100% !important;
    width: max-content !important;
  }

  #TaskAndGroupContainerID #taskListWrap > ul.groupsList {
    display: block !important;
    white-space: nowrap !important;
  }

  #TaskAndGroupContainerID #taskListWrap > ul.groupsList > li.taskGroup,
  #TaskAndGroupContainerID #taskListWrap > ul.groupsList > li.as-sortable-placeholder {
    display: inline-block !important;
    float: none !important;
    vertical-align: top !important;
    white-space: normal !important;
  }
}

header,
header.stak-standard-header,
header .topnav li,
header .dropdown-wrapper.bottom,
header .dropdown-wrapper.bottom span,
header .dropdown-wrapper.bottom a {
  background: var(--stak-primary) !important;
  background-color: var(--stak-primary) !important;
}

header .toggle-menu .bar1,
header .toggle-menu .bar2,
header .toggle-menu .bar3 {
  background: var(--stak-on-primary) !important;
}

header div#logo-top img {
  content: url("../images/iTask_icons_v2/StakTask_logo.png");
}

header .header-dropdown-trigger,
header .header-dropdown-static,
header .header-dropdown-trigger .fa,
header .header-dropdown-static .fa,
header .header-dropdown-label,
header .header-dropdown-icon,
header .topnav li a,
header .dropdown-wrapper.bottom a,
header .dropdown-wrapper.bottom span,
header .dropdown-wrapper.bottom .fa {
  color: var(--stak-on-primary) !important;
}

header .topnav li.active,
header .topnav li.active a,
header .topnav li a:hover,
header .topnav li.tasks-main-nav > span:hover {
  background: var(--stak-active-surface) !important;
  background-color: var(--stak-active-surface) !important;
  color: var(--stak-primary) !important;
}

header .dropdown-menu,
header .dropdown-menu li,
header .dropdown-menu li a,
header .dropdown-menu li span,
header .dropdown-menu.stak-header-menu,
header .dropdown-menu.stak-header-menu li,
header .dropdown-menu.stak-header-menu a,
header .dropdown-menu.stak-header-menu span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--stak-primary-dark) !important;
}

header .dropdown-menu li:hover > a,
header .dropdown-menu li a:hover,
header .dropdown-menu li:hover > span {
  background: var(--stak-primary-soft) !important;
  color: var(--stak-primary-dark) !important;
}

.task-board-fab__button {
  background: var(--stak-primary) !important;
  color: var(--stak-on-primary) !important;
}

/* Navigation dropdown and Tasks board polish.
   Keep Angular behavior intact; only scoped visual styling. */

header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

header div#logo-top {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  padding: 6px 12px;
}

header div#logo-top .navbar-brand {
  height: auto;
  padding: 0;
}

header div#logo-top img {
  display: block;
  max-height: 38px;
  max-width: 132px;
  object-fit: contain;
}

header .topnav li a,
header .topnav li.tasks-main-nav > span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

header .topnav li a:hover,
header .topnav li.tasks-main-nav > span:hover {
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
  opacity: 0.98;
}

header .topnav li.active a,
header .topnav li.active > span {
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6) inset, 0 8px 18px rgba(0, 0, 0, 0.16);
  font-weight: 800;
}

header .dropdown-wrapper.desktop {
  border-radius: 999px;
  transition: background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

header .dropdown-wrapper.desktop:hover {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14), 0 10px 22px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px);
}

header .dropdown-wrapper.desktop > a,
header .dropdown-wrapper.desktop > div {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-weight: 700;
  letter-spacing: 0;
  min-height: 34px;
  padding: 0 10px;
  text-decoration: none;
}

header .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid rgba(31, 52, 72, 0.14);
  border-radius: 14px;
  box-shadow: 0 22px 52px rgba(15, 23, 42, 0.24);
  min-width: 220px;
  overflow: visible;
  padding: 8px;
}

header .dropdown-menu li,
header .dropdown-menu li a,
header .dropdown-menu li span {
  background: transparent !important;
}

header .dropdown-menu li {
  border-radius: 10px;
  display: block;
  margin: 2px 0;
}

header .dropdown-menu li a,
header .dropdown-menu li span {
  border-radius: 10px;
  color: #1f5f95 !important;
  display: block;
  font-weight: 700;
  line-height: 1.25;
  padding: 12px 14px;
  text-decoration: none !important;
  transition: background 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

header .dropdown-menu li:hover > a,
header .dropdown-menu li a:hover,
header .dropdown-menu li:hover > span {
  background: linear-gradient(90deg, #edf6ff 0%, #f7fbff 100%) !important;
  color: #164a76 !important;
  box-shadow: inset 3px 0 0 #337ab7;
  transform: translateX(2px);
}

header .dropdown-menu .fa {
  color: inherit !important;
}

header .dropdown-wrapper.desktop.open > .dropdown-menu::before {
  background: #ffffff;
  border-left: 1px solid rgba(31, 52, 72, 0.12);
  border-top: 1px solid rgba(31, 52, 72, 0.12);
  content: "";
  height: 14px;
  position: absolute;
  top: -7px;
  transform: rotate(45deg);
  width: 14px;
  z-index: -1;
}

header .header-bottom > .dropdown-wrapper.desktop.open > .dropdown-menu::before,
header .topnav-wrapper > .dropdown-wrapper.desktop.open > .dropdown-menu::before {
  left: 28px;
}

header .header-bottom > .dropdown-wrapper.desktop.pull-right.open > .dropdown-menu::before,
header .header-bottom > span.dropdown-wrapper.desktop.open > .dropdown-menu::before {
  right: 25px;
  left: auto;
}

header .header-store-switcher,
header .header-account-menu {
  position: relative;
}

header .header-store-switcher {
  margin-top: 16px !important;
}

header .header-account-menu {
  margin-top: 18px !important;
}

header .header-dropdown-trigger,
header .header-dropdown-static {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  display: inline-flex !important;
  gap: 7px;
  min-height: 38px;
  padding: 0 12px !important;
  text-decoration: none !important;
  white-space: nowrap;
}

header .header-dropdown-trigger {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

header .header-dropdown-trigger:hover,
header .dropdown-wrapper.desktop.open > .header-dropdown-trigger {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.26);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 24px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

header .header-dropdown-static {
  border-color: transparent;
  padding-left: 10px !important;
}

header .header-dropdown-label {
  color: inherit !important;
  display: inline-block;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

header .header-dropdown-icon {
  color: currentColor !important;
  font-size: 18px;
  line-height: 1;
  transition: transform 140ms ease;
}

header .dropdown-wrapper.desktop.open .header-dropdown-icon {
  transform: rotate(180deg);
}

header .mobile-site-switcher {
  display: none;
}

header .dropdown-menu.stak-header-menu {
  background: #ffffff !important;
  border: 1px solid rgba(31, 52, 72, 0.12);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.24), 0 3px 10px rgba(15, 23, 42, 0.08);
  left: 0 !important;
  line-height: normal;
  margin: 10px 0 0;
  min-width: 236px;
  overflow: visible;
  padding: 8px;
  right: auto !important;
  top: 100% !important;
  width: 236px !important;
}

header .header-account-menu .dropdown-menu.stak-header-menu {
  left: auto !important;
  min-width: 188px;
  right: 0 !important;
  width: 188px !important;
}

header .dropdown-menu.stak-header-menu::before {
  background: #ffffff;
  border: 0;
  border-left: 1px solid rgba(31, 52, 72, 0.12);
  border-top: 1px solid rgba(31, 52, 72, 0.12);
  bottom: auto;
  content: "";
  display: block;
  height: 14px;
  left: 28px;
  margin: 0;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: -7px;
  transform: rotate(45deg);
  width: 14px;
  z-index: 0;
}

header .header-account-menu .dropdown-menu.stak-header-menu::before {
  left: auto;
  right: 24px;
}

header .dropdown-menu.stak-header-menu::after {
  content: none !important;
  display: none !important;
}

header .dropdown-menu.stak-header-menu > li {
  border-radius: 10px;
  margin: 1px 0;
  overflow: hidden;
}

header .dropdown-menu.stak-header-menu > li > a,
header .dropdown-menu.stak-header-menu > li > span {
  border-radius: 10px;
  color: #1f5f95 !important;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 12px 14px !important;
}

header .dropdown-menu.stak-header-menu > li:hover > a,
header .dropdown-menu.stak-header-menu > li > a:hover,
header .dropdown-menu.stak-header-menu > li:hover > span {
  background: #eef6fd !important;
  box-shadow: inset 3px 0 0 #2f79b7;
  color: #164a76 !important;
  transform: none;
}

/* Classic header dropdowns. Keep these late so they beat legacy Bootstrap/header rules. */
header .header-store-switcher:hover,
header .header-account-menu:hover {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

header .header-store-switcher {
  margin-top: 19px !important;
}

header .header-account-menu {
  margin-top: 21px !important;
}

header .header-dropdown-trigger,
header .header-dropdown-static {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 6px;
  min-height: 30px;
  padding: 0 4px !important;
}

header .header-dropdown-trigger:hover,
header .dropdown-wrapper.desktop.open > .header-dropdown-trigger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

header .header-dropdown-label {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  max-width: 190px;
}

header .header-dropdown-icon {
  font-size: 14px;
  margin-top: 2px;
}

header .dropdown-menu.stak-header-menu {
  background: #ffffff !important;
  border: 1px solid #d8e0e8 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
  left: 0 !important;
  line-height: normal !important;
  margin: 7px 0 0 !important;
  min-width: 214px !important;
  overflow: hidden !important;
  padding: 6px 0 !important;
  right: auto !important;
  top: 100% !important;
  width: 214px !important;
}

header .header-account-menu .dropdown-menu.stak-header-menu {
  left: auto !important;
  min-width: 146px !important;
  right: 0 !important;
  width: 146px !important;
}

header .dropdown-menu.stak-header-menu::before,
header .dropdown-menu.stak-header-menu::after {
  content: none !important;
  display: none !important;
}

header .dropdown-menu.stak-header-menu > li {
  border-radius: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

header .dropdown-menu.stak-header-menu > li > a,
header .dropdown-menu.stak-header-menu > li > span {
  border-radius: 0 !important;
  color: #225f97 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  padding: 10px 18px !important;
  transform: none !important;
}

header .dropdown-menu.stak-header-menu > li:hover > a,
header .dropdown-menu.stak-header-menu > li > a:hover,
header .dropdown-menu.stak-header-menu > li:hover > span {
  background: #f3f7fb !important;
  box-shadow: none !important;
  color: #164a76 !important;
  transform: none !important;
}

#TaskAndGroupContainerID {
  background:
    radial-gradient(circle at 16px 16px, rgba(51, 122, 183, 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #f7faff 0%, #edf3f8 100%);
  background-size: 24px 24px, auto;
  border-top: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 8px 22px 72px !important;
  scroll-padding-bottom: 76px;
}

#TaskAndGroupContainerID button,
#TaskAndGroupContainerID input,
#TaskAndGroupContainerID select,
#TaskAndGroupContainerID textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.container.add-task-lists {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  min-height: 0;
  padding: 0;
}

.section-header.tasks.addNewTaskGroup {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.section-header.tasks.addNewTaskGroup .buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.container.add-task-lists .addNewTaskGroup #btnadd,
.container.add-task-lists .addNewTaskGroup .btn {
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(24, 48, 71, 0.08);
  font-weight: 800;
  letter-spacing: 0;
  min-height: 40px;
  padding: 9px 20px !important;
  transition: box-shadow 140ms ease, transform 140ms ease, opacity 140ms ease, background 140ms ease;
}

.container.add-task-lists .addNewTaskGroup #btnadd:hover,
.container.add-task-lists .addNewTaskGroup .btn:hover {
  box-shadow: 0 14px 28px rgba(24, 48, 71, 0.16);
  transform: translateY(-2px);
}

.task-board-fab {
  bottom: 24px;
  left: 24px;
  position: fixed;
  z-index: 980;
}

.task-board-fab__button {
  align-items: center;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 18px 38px rgba(24, 48, 71, 0.25);
  display: inline-flex;
  font-size: 24px;
  height: 64px;
  justify-content: center;
  outline: none;
  transition: box-shadow 160ms ease, transform 160ms ease;
  width: 64px;
}

.task-board-fab__button:hover,
.task-board-fab.open .task-board-fab__button {
  box-shadow: 0 22px 42px rgba(24, 48, 71, 0.32);
  transform: translateY(-2px);
}

.task-board-fab__button:focus {
  box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.18), 0 18px 38px rgba(24, 48, 71, 0.25);
}

.task-board-fab__menu {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 24px 54px rgba(15, 35, 55, 0.26);
  margin-bottom: 12px;
  min-width: 286px;
  overflow: hidden;
  padding: 9px 10px;
}

.task-board-fab__menu::after {
  background: #ffffff;
  bottom: -6px;
  box-shadow: 2px 2px 8px rgba(15, 35, 55, 0.08);
  content: "";
  height: 12px;
  left: 24px;
  position: absolute;
  transform: rotate(45deg);
  width: 12px;
}

.task-board-fab__menu > li {
  list-style: none;
}

.task-board-fab__menu-heading {
  background: linear-gradient(180deg, #f6fbff 0%, #edf6fd 100%);
  border: 1px solid #dceaf4;
  border-radius: 14px;
  color: #1b3045;
  margin-bottom: 8px;
  padding: 12px 13px;
}

.task-board-fab__menu-heading strong,
.task-board-fab__menu-heading small {
  display: block;
  line-height: 1.25;
}

.task-board-fab__menu-heading strong {
  font-size: 13px;
  font-weight: 900;
}

.task-board-fab__menu-heading small {
  color: #688096;
  font-size: 11px;
  margin-top: 3px;
}

.task-board-fab__menu-item {
  align-items: center;
  background: #ffffff;
  border: 0;
  border-radius: 13px;
  color: #1d3147;
  display: flex;
  gap: 12px;
  padding: 12px;
  text-align: left;
  transition: background 140ms ease, transform 140ms ease, opacity 140ms ease;
  width: 100%;
}

.task-board-fab__menu-item:hover:not(:disabled) {
  background: #eef6ff;
  transform: translateY(-1px);
}

.task-board-fab__menu-item.is-disabled,
.task-board-fab__menu-item:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
}

.task-board-fab__menu-icon {
  align-items: center;
  background: #e9f4ff;
  border-radius: 12px;
  color: #286090;
  display: inline-flex;
  flex: 0 0 auto;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.task-board-fab__menu-item strong,
.task-board-fab__menu-item small {
  display: block;
  line-height: 1.25;
}

.task-board-fab__menu-item strong {
  font-size: 13px;
  font-weight: 800;
}

.task-board-fab__menu-item small {
  color: #708197;
  font-size: 11px;
  margin-top: 3px;
}

#TaskAndGroupContainerID {
  background: var(--stak-board-canvas) !important;
  background-image: radial-gradient(rgba(51, 122, 183, 0.08) 1px, transparent 1px);
  background-position: 0 0;
  background-size: 26px 26px;
}

#TaskAndGroupContainerID #wrapper,
#TaskAndGroupContainerID #page-content-wrapper,
#TaskAndGroupContainerID .container-fluid.allocate {
  background: transparent;
  padding: 0;
}

#TaskAndGroupContainerID #taskListWrap {
  padding: 12px 2px 84px;
}

#TaskAndGroupContainerID #report-template {
  margin: 0;
  padding: 0;
}

#TaskAndGroupContainerID #report-template li.taskGroup {
  background: var(--stak-list-surface) !important;
  border: 1px solid #cfdeeb !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 36px rgba(24, 48, 71, 0.12), 0 2px 4px rgba(24, 48, 71, 0.04);
  box-sizing: border-box;
  margin: 0 12px 28px 0;
  overflow: visible;
  padding: 14px 12px 20px;
  position: relative;
  width: 252px;
}

#TaskAndGroupContainerID #report-template li.taskGroup::before {
  display: none;
}

#TaskAndGroupContainerID #report-template li.taskGroup.add-bold {
  border-color: #cfdeeb !important;
  box-shadow: 0 18px 36px rgba(24, 48, 71, 0.12), 0 2px 4px rgba(24, 48, 71, 0.04);
}

#TaskAndGroupContainerID #report-template li.taskGroup.add-bold::before {
  display: none;
}

#TaskAndGroupContainerID .tasklist {
  margin-bottom: 18px;
  min-height: 35px;
  padding: 6px 44px 14px 0;
}

#TaskAndGroupContainerID .tasklist > div {
  max-width: 182px !important;
}

#TaskAndGroupContainerID .tasklist h4 {
  color: #1c3146 !important;
  display: inline;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
  overflow-wrap: anywhere;
  padding: 0 !important;
}

#TaskAndGroupContainerID .taskGroup .group-actions {
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 12px;
  transition: opacity 130ms ease;
  z-index: 20;
}

#TaskAndGroupContainerID .taskGroup:hover .group-actions,
#TaskAndGroupContainerID .taskGroup:focus-within .group-actions,
#TaskAndGroupContainerID .taskGroup .group-actions.open {
  opacity: 1;
  pointer-events: auto;
}

#TaskAndGroupContainerID .task-list-actions-menu.open {
  z-index: 1700;
}

#TaskAndGroupContainerID .task-list-actions-backdrop {
  background: rgba(4, 10, 16, 0.62);
  border: 0;
  cursor: default;
  display: none;
  height: calc(100vh - 86px);
  left: 0;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 86px;
  transition: opacity 140ms ease;
  width: 100vw;
  z-index: 0;
}

#TaskAndGroupContainerID .task-list-actions-menu.open .task-list-actions-backdrop {
  display: block;
  opacity: 1;
}

#TaskAndGroupContainerID .task-list-actions-menu__trigger {
  align-items: center;
  background: var(--stak-primary);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(40, 96, 144, 0.26);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  margin-left: 0;
  outline: none;
  position: relative;
  transition: background 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
  width: 36px;
  z-index: 2;
}

#TaskAndGroupContainerID .task-list-actions-menu__trigger:hover,
#TaskAndGroupContainerID .task-list-actions-menu.open .task-list-actions-menu__trigger {
  background: var(--stak-primary-dark);
  box-shadow: 0 14px 28px rgba(40, 96, 144, 0.34);
  transform: translateY(-1px) scale(1.04);
}

#TaskAndGroupContainerID .task-list-actions-menu__trigger .fa {
  color: #ffffff !important;
  font-size: 15px;
  margin: 0 !important;
  padding: 0 !important;
}

#TaskAndGroupContainerID .task-list-actions-menu__panel {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 24px 56px rgba(3, 12, 22, 0.34);
  left: auto;
  min-width: 238px;
  padding: 8px;
  right: 0;
  top: 40px;
  z-index: 3;
}

#TaskAndGroupContainerID .task-list-actions-menu__panel::before {
  background: #ffffff;
  box-shadow: -2px -2px 5px rgba(15, 35, 55, 0.04);
  content: "";
  height: 12px;
  position: absolute;
  right: 16px;
  top: -5px;
  transform: rotate(45deg);
  width: 12px;
  z-index: -1;
}

#TaskAndGroupContainerID .task-list-actions-menu__panel > li {
  list-style: none;
}

#TaskAndGroupContainerID .task-list-actions-menu__item {
  align-items: center;
  background: #ffffff;
  border: 0;
  border-radius: 12px;
  color: #1d3147;
  display: flex;
  gap: 10px;
  padding: 10px;
  text-align: left;
  transition: background 140ms ease, transform 140ms ease;
  width: 100%;
}

#TaskAndGroupContainerID .task-list-actions-menu__item:hover {
  background: #eef6ff;
  transform: translateY(-1px);
}

#TaskAndGroupContainerID .task-list-actions-menu__item--danger {
  color: #a33a3a;
}

#TaskAndGroupContainerID .task-list-actions-menu__item--danger:hover {
  background: #fff0f0;
}

#TaskAndGroupContainerID .task-list-actions-menu__icon {
  align-items: center;
  background: #edf5fd;
  border-radius: 10px;
  color: #286090;
  display: inline-flex;
  flex: 0 0 auto;
  height: 34px;
  justify-content: center;
  width: 34px;
}

#TaskAndGroupContainerID .task-list-actions-menu__item--danger .task-list-actions-menu__icon {
  background: #ffe8e8;
  color: #b43f3f;
}

#TaskAndGroupContainerID .task-list-actions-menu__item strong,
#TaskAndGroupContainerID .task-list-actions-menu__item small {
  display: block;
  line-height: 1.25;
}

#TaskAndGroupContainerID .task-list-actions-menu__item strong {
  font-size: 12px;
  font-weight: 800;
}

#TaskAndGroupContainerID .task-list-actions-menu__item small {
  color: #708197;
  font-size: 10px;
  margin-top: 2px;
}

#TaskAndGroupContainerID .tasklist-type-indicator {
  align-items: center;
  background: linear-gradient(180deg, #fff6e8 0%, #ffefcf 100%);
  border: 1px solid #f3c57c;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(244, 191, 106, 0.14);
  color: #9b5c05;
  display: inline-flex;
  font-size: 10px;
  font-weight: 850;
  gap: 6px;
  letter-spacing: 0.05em;
  margin: 8px 0 10px;
  padding: 6px 11px;
  text-transform: uppercase;
}

#TaskAndGroupContainerID .tasklist-type-indicator .fa {
  color: #d88918;
  font-size: 11px;
}

#TaskAndGroupContainerID .taskListScrollWrapper {
  box-sizing: border-box;
  padding: 8px 2px 14px 0;
}

#TaskAndGroupContainerID .itemsList {
  margin: 0;
  padding: 0;
}

#TaskAndGroupContainerID #report-template ul li.left1,
#TaskAndGroupContainerID li.left1.ui-sortable-handle.ng-scope.as-sortable-item,
#TaskAndGroupContainerID .defined-task-item {
  background: var(--stak-task-surface) !important;
  border: 1px solid var(--stak-task-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 6px rgba(24, 48, 71, 0.05);
  box-sizing: border-box;
  margin-bottom: 5px;
  width: 100% !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
}

#TaskAndGroupContainerID #report-template ul li.left1:hover,
#TaskAndGroupContainerID li.left1.ui-sortable-handle.ng-scope.as-sortable-item:hover,
#TaskAndGroupContainerID .defined-task-item:hover {
  background: #ffffff !important;
  border-color: #a9cbe4 !important;
  box-shadow: 0 10px 20px rgba(24, 48, 71, 0.12);
  transform: translateY(-1px);
}

#TaskAndGroupContainerID .left1 .inner-addon,
#TaskAndGroupContainerID .taskDesc,
#TaskAndGroupContainerID .taskDescDetail {
  color: #334155;
}

#TaskAndGroupContainerID .taskDesc {
  font-size: 13px;
  min-height: 38px;
  padding: 8px 10px;
}

#TaskAndGroupContainerID .taskDesc p.ng-binding {
  color: #26384a;
  float: none !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.38;
  margin: 0;
  max-width: none !important;
  overflow-wrap: anywhere;
  padding-right: 10px;
}

#TaskAndGroupContainerID .left1 .inner-addon .taskDesc span,
#TaskAndGroupContainerID .left1 .inner-addon .taskDesc label,
#TaskAndGroupContainerID #report-template span {
  color: #536b80;
  font-size: 11px;
}

#TaskAndGroupContainerID span.with2icons {
  background: #f1f7fc !important;
  border: 1px solid #d3e2ee;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(24, 48, 71, 0.1);
  opacity: 1 !important;
  padding: 3px 7px;
  position: absolute;
  right: 6px;
  top: 7px;
}

#TaskAndGroupContainerID span.with2icons .fa {
  color: #236090;
  line-height: 1;
  padding: 0 !important;
}

#TaskAndGroupContainerID .taskDesc .task-detail-indicator {
  align-items: center;
  background: #eef4f8;
  border: 1px solid #d8e5ee;
  border-radius: 999px;
  color: #6b7f91 !important;
  display: inline-flex !important;
  float: none !important;
  font-size: 11px !important;
  height: 22px;
  justify-content: center;
  margin: 8px 5px 0 0 !important;
  width: 24px;
}

#TaskAndGroupContainerID .taskDesc .task-required-indicator {
  background: #f3f9fd;
  border-color: #c8ddeb;
  color: #527091 !important;
}

#TaskAndGroupContainerID h4#add-task {
  background: #eef6fc;
  border: 1px dashed #b9d5e9;
  border-radius: 12px !important;
  color: #255f91 !important;
  font-size: 13px;
  font-weight: 800;
  margin: 10px 0 10px;
  padding: 10px !important;
  text-align: center;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

#TaskAndGroupContainerID div[id^="addTaskBtnWrap-"],
#TaskAndGroupContainerID div[id^="addTaskPaneWrap-"] {
  clear: both;
  position: relative;
  z-index: auto;
}

#TaskAndGroupContainerID h4#add-task:hover {
  background: #dff0fc !important;
  border-color: #8bbcdf;
  color: #164a76 !important;
  transform: translateY(-1px);
}

#TaskAndGroupContainerID textarea.modifyTaskName_c,
#TaskAndGroupContainerID #modifyTaskName {
  background: #ffffff;
  border: 1px solid #bfd3e3 !important;
  border-radius: 12px !important;
  box-shadow: none;
  color: #24384c;
  font-size: 13px !important;
  line-height: 1.35;
  padding: 10px 11px !important;
}

#TaskAndGroupContainerID textarea.modifyTaskName_c:focus,
#TaskAndGroupContainerID #modifyTaskName:focus {
  border-color: #337ab7 !important;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.12) !important;
}

#TaskAndGroupContainerID button[id^="saveNewTaskBtn-"] {
  border-radius: 999px !important;
  font-weight: 800;
  min-height: 31px;
}

#TaskAndGroupContainerID img[id^="cancelTaskBtn-"] {
  background: #f4f7fa;
  border-radius: 999px;
  padding: 6px;
  width: 25px !important;
}

.modalRB {
  z-index: 2400 !important;
}

.modalRB-content {
  z-index: 2401;
}

.modal-backdrop,
.ngdialog {
  z-index: 2300 !important;
}

.modal {
  z-index: 2400 !important;
}

#TaskAndGroupContainerID #report-template > li[ng-show] {
  background: #ffffff !important;
  border: 1px dashed #b9d5e9 !important;
  border-radius: 12px !important;
  color: #26384a;
  font-size: 13px;
  line-height: 1.45;
  padding: 18px;
}

.modal-content .task-list-modal {
  background: #ffffff !important;
  border: 0;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(8, 24, 38, 0.24);
  overflow: hidden;
}

.modal-content .task-list-modal .modal-header {
  background: linear-gradient(180deg, #f7fbff 0%, #eef6fc 100%);
  border-bottom: 1px solid #dce8f1;
  padding: 22px 28px 18px;
}

.modal-content .task-list-modal .modal-title {
  color: #1c3146;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}

.modal-content .task-list-modal .modal-body {
  padding: 24px 28px 10px;
}

.modal-content .task-list-modal .form-group {
  margin-bottom: 20px;
}

.modal-content .task-list-modal label {
  color: #46596c;
  display: block;
  font-size: 13px;
  font-weight: 820;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 9px;
}

.modal-content .task-list-modal .form-control,
.modal-content .task-list-modal input[type="number"] {
  background: #f8fbfe;
  border: 2px solid #dbe7f1;
  border-radius: 18px;
  box-shadow: none;
  color: #1f3347;
  font-size: 15px;
  font-weight: 650;
  min-height: 48px;
  padding: 12px 16px;
}

.modal-content .task-list-modal select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 7L9 11.5L13.5 7' fill='none' stroke='%232f6fa6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 18px) 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  padding-right: 48px;
}

.modal-content .task-list-modal .form-control:focus,
.modal-content .task-list-modal input[type="number"]:focus {
  background: #ffffff;
  border-color: #337ab7;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.14);
  outline: none;
}

.modal-content .task-list-modal .task-list-temperature-range {
  align-items: center;
  column-gap: 16px;
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  margin-top: 6px;
  row-gap: 10px;
}

.modal-content .task-list-modal .task-list-temperature-range__title {
  color: #46596c;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.2;
  margin: 0;
}

.modal-content .task-list-modal .task-list-temperature-range__values {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.modal-content .task-list-modal .task-list-temperature-range__field {
  align-items: center;
  background: #f8fbfe;
  border: 1px solid #dbe7f1;
  border-radius: 16px;
  display: inline-flex;
  gap: 7px;
  margin: 0;
  min-height: 54px;
  padding: 7px 12px;
}

.modal-content .task-list-modal .task-list-temperature-range__field span {
  color: #46596c;
  font-size: 12px;
  font-weight: 800;
}

.modal-content .task-list-modal .task-list-temperature-range__input {
  background: #ffffff !important;
  border: 1px solid #c7d8e8 !important;
  border-radius: 10px !important;
  color: #1f3347 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  text-align: center;
  width: 70px;
  -webkit-text-fill-color: #1f3347;
}

.modal-content .task-list-modal .task-list-temperature-range__separator {
  color: #7a8da3;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .modal-content .task-list-modal .task-list-temperature-range {
    grid-template-columns: 1fr;
  }

  .modal-content .task-list-modal .task-list-temperature-range__values {
    align-items: stretch;
    flex-direction: column;
  }

  .modal-content .task-list-modal .task-list-temperature-range__separator {
    align-self: center;
  }
}

.modal-content .task-list-modal #caution > div {
  background: #fff3f5 !important;
  border: 1px solid #f4c5ce;
  border-radius: 12px !important;
  color: #8d3040 !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.modal-content .task-list-modal .modal-footer {
  background: #ffffff;
  border-top: 1px solid #e6eef5;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 18px 28px 22px;
}

.modal-content .task-list-modal .modal-footer .btn {
  border-radius: 999px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 850;
  min-height: 44px;
  min-width: 108px;
  padding: 10px 20px;
}

.modal-content .task-list-modal .modal-footer .btn-warning {
  background: #f3f7fa;
  border-color: #d7e2ea;
  color: #445b70;
}

#attachment_modal.task-editor-modal-window {
  background: rgba(10, 19, 33, 0.56) !important;
  backdrop-filter: blur(6px);
  padding: 28px 18px !important;
  z-index: 10135 !important;
}

#attachment_modal.task-editor-modal-window .task-editor-modal-window__dialog {
  background: transparent !important;
  border: 0 !important;
  border-radius: 30px !important;
  box-shadow: none !important;
  height: auto !important;
  margin: 0 auto !important;
  max-width: 760px !important;
  padding: 0 !important;
  width: calc(100vw - 36px) !important;
}

#attachment_modal.task-editor-modal-window .task-editor-modal {
  background: #ffffff;
  border: 1px solid #dbe6ef;
  border-radius: 30px;
  box-shadow: 0 28px 75px rgba(8, 22, 38, 0.28);
  overflow: hidden;
  padding: 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__header {
  align-items: flex-start;
  background: linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
  border-bottom: 1px solid #d9e6f0;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 24px 30px 20px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__copy {
  min-width: 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__eyebrow {
  color: #5e7892;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__title {
  color: #18344d;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__close {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d6e3ee;
  border-radius: 999px;
  color: #5d7388;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
  width: 44px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__close:hover,
#attachment_modal.task-editor-modal-window .task-editor-modal__close:focus {
  background: #f7fbff;
  border-color: #bfd2e2;
  color: #2d5f8b;
  outline: none;
  transform: translateY(-1px);
}

#attachment_modal.task-editor-modal-window .task-editor-modal__body {
  padding: 28px 30px 12px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__field {
  margin-bottom: 22px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__field label {
  color: #425a70;
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__input {
  background: #f8fbfe;
  border: 2px solid #dbe7f1;
  border-radius: 18px;
  box-shadow: none;
  color: #1f3347;
  font-size: 16px;
  font-weight: 650;
  min-height: 54px;
  padding: 14px 17px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__input::placeholder {
  color: #9aa9b7;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__input:focus {
  background: #ffffff;
  border-color: #337ab7;
  box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.14);
  outline: none;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__textarea {
  min-height: 110px;
  resize: vertical;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-card,
#attachment_modal.task-editor-modal-window .task-editor-modal__attachment-card {
  background: #f8fbfe;
  border: 1px solid #dbe7f1;
  border-radius: 22px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-card {
  margin-bottom: 22px;
  padding: 18px 20px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 14px;
  margin: 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-input {
  flex: 0 0 auto;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle input[type="checkbox"] {
  accent-color: #337ab7;
  cursor: pointer;
  height: 20px;
  margin: 0;
  width: 20px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-copy {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-copy strong {
  color: #1f3347;
  display: block;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.25;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__toggle-copy small {
  color: #6b8297;
  display: block;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 4px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__hint {
  color: #8ca0b3;
  flex: 0 0 auto;
  font-size: 17px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__attachment-card {
  padding: 20px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__attachment-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__section-label {
  color: #1f3347;
  display: block;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.25;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__attachment-header p {
  color: #6b8297;
  font-size: 13px;
  line-height: 1.45;
  margin: 5px 0 0;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__upload-button {
  align-items: center;
  background: #ffffff;
  border: 1px solid #cbd9e6;
  border-radius: 999px;
  color: #2f6fa6;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__upload-button:hover,
#attachment_modal.task-editor-modal-window .task-editor-modal__upload-button:focus {
  background: #f3f8fd;
  border-color: #a8c7e0;
  transform: translateY(-1px);
}

#attachment_modal.task-editor-modal-window .task-editor-modal__attachment-note {
  color: #8296aa;
  font-size: 12px;
  line-height: 1.45;
  margin-top: 12px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__native-file {
  display: none !important;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__error {
  display: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  margin: 12px 0 0;
  text-align: left !important;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__file-list {
  margin-top: 16px;
  padding-top: 0 !important;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__file-list li {
  background: #ffffff;
  border: 1px solid #d8e4ee;
  border-radius: 18px;
  display: inline-block;
  margin-right: 12px;
  min-height: 96px;
  min-width: 124px;
  padding: 12px;
  vertical-align: top;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__file-list li a {
  color: #4d6680;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  word-break: break-word;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__footer {
  align-items: center;
  border-top: 1px solid #e4edf5;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 0;
  padding: 20px 30px 24px;
  text-align: right;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__button {
  border-radius: 999px;
  font-size: 14px;
  font-weight: 850;
  min-height: 46px;
  min-width: 118px;
  padding: 11px 22px;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__button--secondary {
  background: #f3f7fa;
  border-color: #d7e2ea;
  color: #4b6074;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__button--secondary:hover,
#attachment_modal.task-editor-modal-window .task-editor-modal__button--secondary:focus {
  background: #e9f0f6;
  border-color: #c7d6e3;
  color: #31485c;
}

#attachment_modal.task-editor-modal-window .task-editor-modal__button--primary {
  background: linear-gradient(135deg, #337ab7 0%, #255c8a 100%);
  border-color: #255c8a;
  box-shadow: 0 16px 30px rgba(37, 92, 138, 0.24);
}

#attachment_modal.task-editor-modal-window .task-editor-modal__button--primary:hover,
#attachment_modal.task-editor-modal-window .task-editor-modal__button--primary:focus {
  background: linear-gradient(135deg, #2d6da4 0%, #204f77 100%);
  border-color: #204f77;
}

@media (max-width: 767px) {
  #attachment_modal.task-editor-modal-window {
    padding: 12px !important;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal-window__dialog {
    width: calc(100vw - 24px) !important;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal__header,
  #attachment_modal.task-editor-modal-window .task-editor-modal__body,
  #attachment_modal.task-editor-modal-window .task-editor-modal__footer {
    padding-left: 18px;
    padding-right: 18px;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal__title {
    font-size: 25px;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal__attachment-header {
    align-items: flex-start;
    flex-direction: column;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal__footer {
    flex-direction: column-reverse;
  }

  #attachment_modal.task-editor-modal-window .task-editor-modal__button {
    width: 100%;
  }
}

.modal-content .task-list-copy-modal .modal-body {
  padding-top: 22px;
}

.modal-content .task-list-copy-modal .form-group label {
  color: #46596c;
  display: block;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.2;
  margin-bottom: 10px;
}

.modal-content .task-list-copy-modal .help-block.has-error {
  color: #c23c2d !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  margin: 10px 0 0;
  text-align: left !important;
}

.stak-delete-dialog {
  position: relative;
}

.stak-delete-dialog__close {
  align-items: center;
  background: #f3f7fa;
  border: 1px solid #d9e4ed;
  border-radius: 999px;
  color: #6c8195;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  width: 34px;
}

.stak-delete-dialog__close:hover {
  background: #ffffff;
  border-color: #c8d8e6;
  color: #20344c;
}

.stak-delete-dialog__hero {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  padding-right: 46px;
}

.stak-delete-dialog__icon {
  align-items: center;
  background: #fff1f1;
  border: 1px solid #ffd2d2;
  border-radius: 18px;
  color: #c23c2d;
  display: inline-flex;
  flex: 0 0 52px;
  font-size: 20px;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.stak-delete-dialog__copy h2 {
  color: #20344c !important;
  font-size: 28px !important;
  font-weight: 850 !important;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 4px 0 10px !important;
}

.stak-delete-dialog__copy p {
  color: #5d7084;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
  margin: 0;
}

.stak-delete-dialog__copy strong {
  color: #20344c;
  font-weight: 800;
}

.stak-delete-dialog__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 22px;
}

.ngdialog.ngdialog-theme-default .stak-delete-dialog__actions .ngdialog-button {
  border-radius: 999px;
  float: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0;
  min-width: 118px;
  padding: 13px 20px;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .stak-delete-dialog__actions .ngdialog-button.ngdialog-button-secondary {
  background: #f3f7fa;
  color: #4e657b;
}

.ngdialog.ngdialog-theme-default .stak-delete-dialog__actions .stak-delete-dialog__danger {
  background: #d85b4b !important;
}

@media (max-width: 767px) {
  .stak-delete-dialog__hero {
    flex-direction: column;
    gap: 14px;
    padding-right: 0;
  }

  .stak-delete-dialog__copy h2 {
    font-size: 24px !important;
  }

  .stak-delete-dialog__actions {
    flex-direction: column-reverse;
  }

  .ngdialog.ngdialog-theme-default .stak-delete-dialog__actions .ngdialog-button {
    width: 100%;
  }
}

/* Global loading bar color 20260611. */
#loading-bar .bar {
  background: #63c978 !important;
  height: 4px !important;
}

#loading-bar .peg {
  box-shadow: #63c978 1px 0 8px 1px !important;
  height: 4px !important;
}

#loading-bar-spinner {
  display: none !important;
}
/* End global loading bar color 20260611. */

#TaskAndGroupContainerID::-webkit-scrollbar,
#TaskAndGroupContainerID .taskListScrollWrapper::-webkit-scrollbar {
  height: 11px;
  width: 9px;
}

#TaskAndGroupContainerID::-webkit-scrollbar-track,
#TaskAndGroupContainerID .taskListScrollWrapper::-webkit-scrollbar-track {
  background: #edf3f8;
  border-radius: 999px;
}

#TaskAndGroupContainerID::-webkit-scrollbar-thumb,
#TaskAndGroupContainerID .taskListScrollWrapper::-webkit-scrollbar-thumb {
  background: #94b5cf;
  border: 2px solid #edf3f8;
  border-radius: 999px;
}

@media (max-width: 767px) {
  header div#logo-top {
    padding: 5px 10px;
  }

  header div#logo-top img {
    max-height: 32px;
    max-width: 116px;
  }

  header .topnav li a,
  header .topnav li.tasks-main-nav > span {
    border-radius: 6px 6px 0 0;
  }

  .container.add-task-lists {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }

  .section-header.tasks.addNewTaskGroup {
    justify-content: stretch;
  }

  .section-header.tasks.addNewTaskGroup .buttons {
    width: 100%;
  }

  .container.add-task-lists .addNewTaskGroup #btnadd,
  .container.add-task-lists .addNewTaskGroup .btn {
    flex: 1 1 150px;
    min-width: 0;
  }

  .task-board-fab {
    bottom: 18px;
    left: 18px;
  }

  .task-board-fab__button {
    height: 58px;
    width: 58px;
  }

  .task-board-fab__menu {
    min-width: 250px;
  }

  #TaskAndGroupContainerID {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #TaskAndGroupContainerID #report-template li.taskGroup {
    width: 246px;
  }
}

/* Final header controls: highlighted pills, larger nav text, compact dropdowns. */
header .topnav li a,
header .topnav li.tasks-main-nav > span {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
}

header .header-store-switcher,
header .header-account-menu {
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

header .header-store-switcher {
  margin-top: 15px !important;
}

header .header-account-menu {
  margin-top: 17px !important;
}

header .header-dropdown-trigger,
header .header-dropdown-static {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 5px 14px rgba(0, 0, 0, 0.18) !important;
  display: inline-flex !important;
  gap: 9px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  text-decoration: none !important;
  transform: none !important;
  white-space: nowrap !important;
}

header .header-dropdown-trigger:hover,
header .dropdown-wrapper.desktop.open > .header-dropdown-trigger {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 7px 18px rgba(0, 0, 0, 0.2) !important;
}

header .header-dropdown-label {
  color: var(--stak-on-primary) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  max-width: 230px !important;
}

header .header-account-menu .header-dropdown-label {
  font-size: 18px !important;
  max-width: 180px !important;
}

header .header-dropdown-icon {
  color: var(--stak-on-primary) !important;
  font-size: 15px !important;
  margin-top: 1px !important;
}

header .dropdown-wrapper.desktop.open .header-dropdown-icon {
  transform: rotate(180deg) !important;
}

header .dropdown-menu.stak-header-menu {
  background: #ffffff !important;
  border: 1px solid #cfdbe7 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 26px rgba(13, 33, 53, 0.2) !important;
  left: 0 !important;
  line-height: normal !important;
  margin: 8px 0 0 !important;
  min-width: 220px !important;
  overflow: hidden !important;
  padding: 5px 0 !important;
  right: auto !important;
  top: 100% !important;
  width: 220px !important;
}

header .header-account-menu .dropdown-menu.stak-header-menu {
  left: auto !important;
  min-width: 150px !important;
  right: 0 !important;
  width: 150px !important;
}

header .dropdown-menu.stak-header-menu::before,
header .dropdown-menu.stak-header-menu::after {
  content: none !important;
  display: none !important;
}

header .dropdown-menu.stak-header-menu > li {
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

header .dropdown-menu.stak-header-menu > li > a,
header .dropdown-menu.stak-header-menu > li > span {
  background: #ffffff !important;
  border-radius: 0 !important;
  color: #245f95 !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 11px 18px !important;
  text-decoration: none !important;
  transform: none !important;
}

header .dropdown-menu.stak-header-menu > li:hover > a,
header .dropdown-menu.stak-header-menu > li > a:hover,
header .dropdown-menu.stak-header-menu > li:hover > span {
  background: #f2f7fb !important;
  box-shadow: none !important;
  color: #174a74 !important;
  transform: none !important;
}

/* Refined header nav: neutralize legacy oversized link padding only in the top nav. */
header .header-bottom {
  min-height: 56px !important;
}

header nav.topnav-wrapper {
  margin-top: 0 !important;
}

header .topnav {
  float: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

header .topnav li {
  margin-right: 0 !important;
  vertical-align: top !important;
}

header .topnav li a,
header .topnav li.tasks-main-nav > span {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  min-height: 56px !important;
  padding: 0 21px !important;
  top: 0 !important;
}

header .header-store-switcher {
  margin-left: 18px !important;
  margin-right: 18px !important;
  margin-top: 10px !important;
}

header .header-account-menu {
  margin-right: 18px !important;
  margin-top: 10px !important;
}

header .header-dropdown-trigger,
header .header-dropdown-static {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
}

header .header-dropdown-trigger:hover,
header .dropdown-wrapper.desktop.open > .header-dropdown-trigger {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

header .header-dropdown-label {
  font-size: 17px !important;
  max-width: 190px !important;
}

header .header-account-menu .header-dropdown-label {
  font-size: 15px !important;
  max-width: 150px !important;
}

header .header-dropdown-icon {
  font-size: 12px !important;
}

/* Settings admin navigation shell. */
.settings-admin-page {
  background-color: #eef5fb !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(51, 122, 183, 0.12) 1px, transparent 0),
    linear-gradient(180deg, #f8fbff 0%, #edf4fa 100%) !important;
  background-size: 32px 32px, 100% 100% !important;
  box-sizing: border-box !important;
  color: #24384d !important;
  display: grid !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  gap: 20px !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  min-height: calc(100vh - 96px) !important;
  overflow: visible !important;
  padding: 22px !important;
}

.settings-admin-page *,
.settings-admin-page input,
.settings-admin-page select,
.settings-admin-page button,
.settings-admin-page textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

.settings-admin-sidebar {
  align-self: start !important;
  background: #ffffff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 40px rgba(27, 48, 70, 0.12) !important;
  overflow: hidden !important;
  padding: 14px !important;
  position: sticky !important;
  top: 16px !important;
}

.settings-admin-sidebar__header {
  background: linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%) !important;
  border: 1px solid #e1ebf4 !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  padding: 16px !important;
}

.settings-admin-sidebar__eyebrow {
  color: #337ab7 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin-bottom: 7px !important;
  text-transform: uppercase !important;
}

.settings-admin-sidebar__title {
  color: #182a3b !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.settings-admin-sidebar__nav {
  display: grid !important;
  gap: 8px !important;
}

.settings-admin-sidebar__item {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #2b4157 !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  text-decoration: none !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease !important;
}

.settings-admin-sidebar__item:hover {
  background: #f5f9fd !important;
  border-color: #d5e2ee !important;
  color: #1c5c91 !important;
  text-decoration: none !important;
  transform: translateX(2px) !important;
}

.settings-admin-sidebar__item .fa {
  align-items: center !important;
  background: #eef6fd !important;
  border: 1px solid #d5e8f8 !important;
  border-radius: 8px !important;
  color: #337ab7 !important;
  display: inline-flex !important;
  font-size: 15px !important;
  height: 34px !important;
  justify-content: center !important;
  width: 34px !important;
}

.settings-admin-sidebar__item strong,
.settings-admin-sidebar__item small {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.settings-admin-sidebar__item strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.settings-admin-sidebar__item small {
  color: #6a7f93 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 4px !important;
}

.settings-admin-page--site .settings-admin-sidebar__item--site,
.settings-admin-page--users .settings-admin-sidebar__item--users,
.settings-admin-page--library .settings-admin-sidebar__item--library,
.settings-admin-page--categories .settings-admin-sidebar__item--categories {
  background: #337ab7 !important;
  border-color: #2c6fa9 !important;
  box-shadow: 0 12px 26px rgba(51, 122, 183, 0.23) !important;
  color: #ffffff !important;
}

.settings-admin-page--site .settings-admin-sidebar__item--site .fa,
.settings-admin-page--users .settings-admin-sidebar__item--users .fa,
.settings-admin-page--library .settings-admin-sidebar__item--library .fa,
.settings-admin-page--categories .settings-admin-sidebar__item--categories .fa {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}

.settings-admin-page--site .settings-admin-sidebar__item--site small,
.settings-admin-page--users .settings-admin-sidebar__item--users small,
.settings-admin-page--library .settings-admin-sidebar__item--library small,
.settings-admin-page--categories .settings-admin-sidebar__item--categories small {
  color: rgba(255, 255, 255, 0.8) !important;
}

.settings-admin-content {
  min-width: 0 !important;
}

.settings-admin-content > #getting-started-section {
  background: #ffffff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(27, 48, 70, 0.08) !important;
  margin: 0 0 18px !important;
  max-width: none !important;
  padding: 18px !important;
  width: auto !important;
}

.settings-admin-page .settings__body,
.settings-admin-page .setup__body {
  background: transparent !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.settings-admin-page .settings__body__section,
.settings-admin-page .setup__body__section {
  border-radius: 8px !important;
  border-color: #d5e2ee !important;
  box-shadow: 0 12px 32px rgba(27, 48, 70, 0.09) !important;
}

@media (max-width: 980px) {
  .settings-admin-page {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  .settings-admin-sidebar {
    position: static !important;
  }

  .settings-admin-sidebar__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .settings-admin-sidebar__nav {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-sidebar__item {
    min-height: 54px !important;
  }
}

/* Header nav visual reset: no black tabs, soft hover fill, selected underline. */
header .header-bottom {
  min-height: 56px !important;
}

header nav.topnav-wrapper {
  margin-top: 0 !important;
}

header .topnav {
  float: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

header .topnav li {
  background: var(--stak-primary) !important;
  background-color: var(--stak-primary) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  margin-right: 0 !important;
  vertical-align: top !important;
}

header .topnav li:first-of-type,
header .topnav li#logo-bottom {
  border-left: 0 !important;
}

header .topnav li a,
header .topnav li.tasks-main-nav > span {
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 4px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  min-height: 56px !important;
  padding: 0 21px !important;
  top: 0 !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}

header .topnav li:hover,
header .topnav li:hover a,
header .topnav li a:hover,
header .topnav li.tasks-main-nav:hover > span {
  background: rgba(255, 255, 255, 0.14) !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

header .topnav li.active,
header .topnav li.active a,
header .topnav li.active > span,
header .topnav li a.current {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

header .topnav li.active a,
header .topnav li.active > span,
header .topnav li a.current {
  border-bottom-color: #ffffff !important;
}

header .topnav li.active:hover,
header .topnav li.active:hover a,
header .topnav li.active a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}


/* Settings admin content polish. */
.settings-admin-page {
  --settings-bg: #edf4fb;
  --settings-card: #ffffff;
  --settings-card-soft: #f7fbff;
  --settings-border: #d8e5f0;
  --settings-border-strong: #bfd4e7;
  --settings-text: #1d334a;
  --settings-muted: #647b92;
  --settings-shadow: 0 18px 42px rgba(27, 48, 70, 0.11);
  align-items: start !important;
  background-color: var(--settings-bg) !important;
  color: var(--settings-text) !important;
  gap: 24px !important;
  grid-template-columns: 286px minmax(0, 1fr) !important;
  padding: 26px !important;
}

.settings-admin-page .settings-admin-sidebar {
  border-color: var(--settings-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--settings-shadow) !important;
  padding: 16px !important;
}

.settings-admin-page .settings-admin-sidebar__header,
.settings-admin-page .settings-admin-sidebar__item {
  border-radius: 12px !important;
}

.settings-admin-page .settings-admin-content {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: 100% !important;
}

.settings-admin-page--no-sidebar {
  grid-template-columns: minmax(0, 1fr) !important;
}

.settings-admin-page--no-sidebar .settings-admin-content::before {
  margin-top: 0 !important;
}

.settings-admin-page .settings-admin-content::before {
  color: var(--settings-text) !important;
  content: "Settings";
  display: block !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  margin: 2px 0 18px !important;
}

.settings-admin-page--site .settings-admin-content::before { content: "Site Settings"; }
.settings-admin-page--users .settings-admin-content::before { content: "Users"; }
.settings-admin-page--library .settings-admin-content::before { content: "Library"; }
.settings-admin-page--categories .settings-admin-content::before { content: "Categories"; }

.settings-admin-page .settings__body,
.settings-admin-page .setup__body {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: 980px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 0 32px !important;
  width: min(100%, 980px) !important;
}

.settings-admin-page--site .settings__body {
  max-width: 780px !important;
  width: min(100%, 780px) !important;
}

.settings-admin-page--users .setup__body,
.settings-admin-page--library .setup__body,
.settings-admin-page--categories .setup__body {
  max-width: 900px !important;
  width: min(100%, 900px) !important;
}

.settings-admin-page .settings__body__section,
.settings-admin-page .setup__body__section,
.settings-admin-page #getting-started-section {
  background: var(--settings-card) !important;
  border: 1px solid var(--settings-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(27, 48, 70, 0.08) !important;
  margin: 0 !important;
  padding: 22px !important;
  text-align: left !important;
  width: 100% !important;
}

.settings-admin-page .settings__body__section:hover,
.settings-admin-page .setup__body__section:hover {
  border-color: var(--settings-border-strong) !important;
  box-shadow: 0 18px 40px rgba(27, 48, 70, 0.1) !important;
}

.settings-admin-page .settings__body__section__title,
.settings-admin-page .section-header p:first-child,
.settings-admin-page .sectionContainer h3,
.settings-admin-page .setup__body__section__title {
  color: var(--settings-text) !important;
  float: none !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.settings-admin-page .section-header {
  background: var(--settings-card-soft) !important;
  border: 1px solid #e4edf6 !important;
  border-radius: 12px !important;
  margin: 0 0 18px !important;
  padding: 18px !important;
}

.settings-admin-page .section-header p {
  color: var(--settings-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.settings-admin-page .section-header p + p {
  color: #7d91a6 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
}

.settings-admin-page .settings__body__section__header,
.settings-admin-page .settings__body__form__label,
.settings-admin-page label,
.settings-admin-page .setup__body__section__team,
.settings-admin-page .libraryRow p:last-of-type {
  color: var(--settings-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.settings-admin-page .settings__body__section__header {
  background: var(--settings-card-soft) !important;
  border: 1px solid #e4edf6 !important;
  border-radius: 10px !important;
  margin: 8px 0 0 !important;
  padding: 10px 12px !important;
}

.settings-admin-page .settings__body__section__invoices,
.settings-admin-page .setup__body__section__csv {
  color: var(--stak-primary) !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.settings-admin-page .add-new-store-btn {
  align-items: center !important;
  background: #f4f9fe !important;
  border: 1px dashed #9fc8e9 !important;
  border-radius: 14px !important;
  color: var(--stak-primary-dark) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
  width: 100% !important;
}

.settings-admin-page .add-new-store-btn:hover {
  background: #eaf5ff !important;
  border-color: var(--stak-primary) !important;
  box-shadow: 0 12px 26px rgba(51, 122, 183, 0.13) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page .settings__body__form {
  gap: 12px !important;
}

.settings-admin-page .settings__body__form__row {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) !important;
  margin: 0 !important;
}

.settings-admin-page .settings__body__form__row__btn {
  grid-template-columns: 1fr !important;
  justify-items: end !important;
  margin-top: 6px !important;
}

.settings-admin-page .settings__body__form__input__wrapper,
.settings-admin-page .settings__body__form__input_wrapper {
  width: 100% !important;
}

.settings-admin-page .settings__body__form__input,
.settings-admin-page .form-control,
.settings-admin-page .p-edit,
.settings-admin-page input[type="text"],
.settings-admin-page input[type="email"],
.settings-admin-page input[type="password"],
.settings-admin-page select,
.settings-admin-page textarea {
  background: #ffffff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  color: var(--settings-text) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  height: 42px !important;
  max-width: none !important;
  min-height: 42px !important;
  outline: none !important;
  padding: 9px 12px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease !important;
  width: 100% !important;
}

.settings-admin-page textarea {
  height: auto !important;
  min-height: 120px !important;
}

.settings-admin-page .settings__body__form__input:focus,
.settings-admin-page .form-control:focus,
.settings-admin-page .p-edit:focus,
.settings-admin-page input[type="text"]:focus,
.settings-admin-page input[type="email"]:focus,
.settings-admin-page input[type="password"]:focus,
.settings-admin-page select:focus,
.settings-admin-page textarea:focus {
  border-color: var(--stak-primary) !important;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.14) !important;
}

.settings-admin-page input[disabled],
.settings-admin-page .input-disabled {
  background: #eef3f7 !important;
  color: #7a8998 !important;
}

.settings-admin-page input[type="checkbox"] {
  accent-color: var(--stak-primary) !important;
  box-shadow: none !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  width: 18px !important;
}

.settings-admin-page .settings__body__section__btn,
.settings-admin-page .btn,
.settings-admin-page button,
.settings-admin-page input[type="submit"],
.settings-admin-page #libraries-drag-container .btn-block {
  align-items: center !important;
  background: var(--stak-primary) !important;
  border: 1px solid var(--stak-primary) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(51, 122, 183, 0.18) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
}

.settings-admin-page .settings__body__section__btn:hover,
.settings-admin-page .btn:hover,
.settings-admin-page button:hover,
.settings-admin-page input[type="submit"]:hover,
.settings-admin-page #libraries-drag-container .btn-block:hover {
  background: var(--stak-primary-dark) !important;
  border-color: var(--stak-primary-dark) !important;
  box-shadow: 0 16px 30px rgba(51, 122, 183, 0.24) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page .btn-bright {
  background: #ffffff !important;
  border-color: var(--stak-primary) !important;
  color: var(--stak-primary) !important;
  box-shadow: 0 10px 22px rgba(51, 122, 183, 0.12) !important;
}

.settings-admin-page .table-responsive {
  border: 1px solid var(--settings-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.settings-admin-page table.table {
  background: #ffffff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--settings-text) !important;
  font-size: 14px !important;
  margin: 0 !important;
  width: 100% !important;
}

.settings-admin-page table.table thead td,
.settings-admin-page table.table thead th {
  background: #eef5fb !important;
  border: 0 !important;
  color: #31465b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  padding: 12px !important;
}

.settings-admin-page table.table tbody td,
.settings-admin-page .settings__body__section table tbody td {
  border-top: 1px solid #e6edf4 !important;
  color: var(--settings-text) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  padding: 12px !important;
}

.settings-admin-page form.roles {
  color: var(--settings-text) !important;
}

.settings-admin-page form.roles #horizontal-container,
.settings-admin-page #libraries-drag-container {
  display: block !important;
  width: 100% !important;
}

.settings-admin-page form.roles ul.ui-sortable,
.settings-admin-page #libraries-drag-container ul.ui-sortable {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.settings-admin-page form.roles .roleRow,
.settings-admin-page .libraryRow {
  background: var(--settings-card-soft) !important;
  border: 1px solid #dce8f3 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(27, 48, 70, 0.06) !important;
  color: var(--settings-text) !important;
  display: block !important;
  float: none !important;
  margin: 0 !important;
  min-height: 54px !important;
  padding: 12px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
  width: 100% !important;
}

.settings-admin-page form.roles .roleRow:hover,
.settings-admin-page .libraryRow:hover {
  border-color: var(--settings-border-strong) !important;
  box-shadow: 0 14px 28px rgba(27, 48, 70, 0.1) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page form.roles .roleRow span:not(.sr-only),
.settings-admin-page .libraryRow p:first-of-type {
  color: var(--settings-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  padding: 0 !important;
}

.settings-admin-page .libraryRow p {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

.settings-admin-page .libraryRow p + p {
  margin-top: 6px !important;
}

.settings-admin-page .roleEditIcons {
  float: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.settings-admin-page .roleEditIcons a {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d6e4f1 !important;
  border-radius: 8px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  margin-right: 6px !important;
  text-decoration: none !important;
  width: 32px !important;
}

.settings-admin-page .roleInput {
  display: inline-flex !important;
  margin: 0 10px 0 0 !important;
  max-width: 280px !important;
  vertical-align: middle !important;
  width: min(100%, 280px) !important;
}

.settings-admin-page .setup__body__section__ul,
.settings-admin-page .add-team,
.settings-admin-page .add-category {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.settings-admin-page .setup__body__section__list_row {
  border: 0 !important;
  font-size: 14px !important;
  height: auto !important;
  margin: 0 !important;
}

.settings-admin-page .setup__body__section__list {
  align-items: center !important;
  background: var(--settings-card-soft) !important;
  border: 1px solid #dce8f3 !important;
  border-radius: 12px !important;
  color: var(--settings-text) !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin: 0 0 10px !important;
  padding: 13px 14px !important;
  position: relative !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
}

.settings-admin-page .setup__body__section__list--interactive {
  cursor: pointer !important;
}

.settings-admin-page .setup__body__section__list:hover {
  background: #ffffff !important;
  border-color: var(--settings-border-strong) !important;
  box-shadow: 0 10px 24px rgba(27, 48, 70, 0.08) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page .setup__body__section__list--deleted {
  background: linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
  border-color: #efc7c7 !important;
}

.settings-admin-page .setup__body__section__list--deleted:hover {
  background: #fff3f3 !important;
  border-color: #e7b3b3 !important;
  box-shadow: 0 12px 26px rgba(153, 55, 55, 0.1) !important;
}

.settings-admin-page .setup__body__section__team {
  color: var(--settings-text) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

.settings-admin-page .setup__body__section__team--deleted {
  color: rgba(29, 51, 74, 0.56) !important;
}

.settings-admin-page .setup__body__section__list--deleted .setup__body__section__badge {
  opacity: 0.72 !important;
}

.settings-admin-page .setup__body__section__badge {
  background: #eaf5ff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  vertical-align: middle !important;
}

.settings-admin-page .setup__body__section__edit-btn {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c8ddef !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: #2d6798 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 38px !important;
  min-width: 118px !important;
  opacity: 0 !important;
  padding: 0 16px !important;
  pointer-events: none !important;
  transform: translateY(2px) !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, transform 140ms ease !important;
}

.settings-admin-page .setup__body__section__list:hover .setup__body__section__edit-btn,
.settings-admin-page .setup__body__section__list:focus-within .setup__body__section__edit-btn {
  background: linear-gradient(180deg, #4a88c3 0%, #3273af 100%) !important;
  border-color: #2e699e !important;
  box-shadow: 0 12px 22px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.settings-admin-page .setup__body__section__edit-btn--deleted {
  background: #fff5f5 !important;
  border-color: #efc4c4 !important;
  color: #b45151 !important;
}

.settings-admin-page .setup__body__section__list--deleted:hover .setup__body__section__edit-btn,
.settings-admin-page .setup__body__section__list--deleted:focus-within .setup__body__section__edit-btn {
  background: linear-gradient(180deg, #d87070 0%, #bf5656 100%) !important;
  border-color: #ab4747 !important;
  box-shadow: 0 12px 22px rgba(191, 86, 86, 0.22) !important;
  color: #ffffff !important;
}

.settings-admin-page .has-error,
.settings-admin-page .help-block {
  color: #c53d3d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 6px 0 0 !important;
}

.modal.team-member-modal-window {
  z-index: 10820 !important;
}

.modal-backdrop.team-member-modal-backdrop {
  z-index: 10810 !important;
}

.modal.team-member-modal-window--stacked {
  z-index: 10840 !important;
}

.modal-backdrop.team-member-modal-backdrop--stacked {
  z-index: 10830 !important;
}

.team-member-modal-window .modal-dialog {
  margin: 36px auto !important;
  max-width: calc(100vw - 28px) !important;
  width: 720px !important;
}

.team-member-modal-window.team-member-modal-window--compact .modal-dialog,
.team-member-modal-window.team-member-modal-window--confirm .modal-dialog {
  width: 470px !important;
}

.team-member-modal-window .modal-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.modal-content .team-member-modal {
  --team-modal-ink: #1c344d;
  --team-modal-muted: #637b91;
  --team-modal-border: #d8e5f1;
  --team-modal-soft: #f5f9fd;
  background: #ffffff !important;
  border: 1px solid #d7e4ef !important;
  border-radius: 24px !important;
  box-shadow: 0 26px 70px rgba(18, 40, 58, 0.26) !important;
  color: var(--team-modal-ink) !important;
  overflow: hidden !important;
}

.modal-content .team-member-modal__header {
  background: linear-gradient(180deg, #f9fbfe 0%, #eff5fb 100%) !important;
  border-bottom: 1px solid #dbe7f2 !important;
  padding: 26px 28px 22px !important;
}

.modal-content .team-member-modal__eyebrow {
  color: #337ab7 !important;
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

.modal-content .team-member-modal__title {
  color: var(--team-modal-ink) !important;
  font-size: 34px !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}

.modal-content .team-member-modal__subtitle {
  color: var(--team-modal-muted) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin: 10px 0 0 !important;
}

.modal-content .team-member-modal__form {
  margin: 0 !important;
}

.modal-content .team-member-modal__body {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%) !important;
  padding: 26px 28px !important;
}

.modal-content .team-member-modal__grid {
  display: grid !important;
  gap: 16px 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.modal-content .team-member-modal__grid--single {
  grid-template-columns: 1fr !important;
}

.modal-content .team-member-modal__field {
  min-width: 0 !important;
}

.modal-content .team-member-modal__field--full {
  grid-column: 1 / -1 !important;
}

.modal-content .team-member-modal__field label {
  color: #35516a !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0.01em !important;
  margin: 0 0 8px !important;
}

.modal-content .team-member-modal .form-control,
.modal-content .team-member-modal__input {
  appearance: none !important;
  background: var(--team-modal-soft) !important;
  border: 1px solid var(--team-modal-border) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  color: var(--team-modal-ink) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  height: 52px !important;
  padding: 14px 16px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease !important;
}

.modal-content .team-member-modal .form-control::placeholder,
.modal-content .team-member-modal__input::placeholder {
  color: #8da2b6 !important;
  font-weight: 500 !important;
}

.modal-content .team-member-modal .form-control:focus,
.modal-content .team-member-modal__input:focus {
  background: #ffffff !important;
  border-color: #8fb5d8 !important;
  box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.12) !important;
}

.modal-content .team-member-modal__actions-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

.modal-content .team-member-modal__inline-action {
  align-items: center !important;
  appearance: none !important;
  background: #ffffff !important;
  border: 1px solid #d8e5f1 !important;
  border-radius: 999px !important;
  color: #2d6798 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease !important;
}

.modal-content .team-member-modal__inline-action:hover,
.modal-content .team-member-modal__inline-action:focus {
  border-color: #a9c7e1 !important;
  box-shadow: 0 10px 24px rgba(51, 122, 183, 0.12) !important;
  color: #1d4e7d !important;
  transform: translateY(-1px) !important;
}

.modal-content .team-member-modal__inline-action--danger {
  color: #c45151 !important;
}

.modal-content .team-member-modal__inline-action--danger:hover,
.modal-content .team-member-modal__inline-action--danger:focus {
  border-color: #e9b5b5 !important;
  box-shadow: 0 10px 24px rgba(196, 81, 81, 0.14) !important;
  color: #a53a3a !important;
}

.modal-content .team-member-modal__toggle-list {
  display: grid !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.modal-content .team-member-modal__toggle {
  align-items: flex-start !important;
  background: #f8fbfe !important;
  border: 1px solid #dbe8f4 !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
}

.modal-content .team-member-modal__toggle input[type="checkbox"] {
  accent-color: #337ab7 !important;
  flex-shrink: 0 !important;
  height: 18px !important;
  margin: 3px 0 0 !important;
  width: 18px !important;
}

.modal-content .team-member-modal__toggle-copy {
  display: block !important;
}

.modal-content .team-member-modal__toggle-copy strong {
  color: var(--team-modal-ink) !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 4px !important;
}

.modal-content .team-member-modal__toggle-copy small {
  color: var(--team-modal-muted) !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.modal-content .team-member-modal__notice {
  align-items: flex-start !important;
  background: #f8fbfe !important;
  border: 1px solid #dbe8f4 !important;
  border-radius: 18px !important;
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
  padding: 18px !important;
}

.modal-content .team-member-modal__notice i {
  color: #337ab7 !important;
  font-size: 18px !important;
  margin-top: 2px !important;
}

.modal-content .team-member-modal__notice strong {
  color: var(--team-modal-ink) !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 4px !important;
}

.modal-content .team-member-modal__notice p {
  color: var(--team-modal-muted) !important;
  margin: 0 !important;
}

.modal-content .team-member-modal__footer {
  background: #ffffff !important;
  border-top: 1px solid #dbe7f2 !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  padding: 20px 28px 24px !important;
}

.modal-content .team-member-modal__footer--compact {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.modal-content .team-member-modal__button {
  align-items: center !important;
  appearance: none !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease !important;
}

.modal-content .team-member-modal__button:hover,
.modal-content .team-member-modal__button:focus {
  transform: translateY(-1px) !important;
}

.modal-content .team-member-modal__button--primary {
  background: linear-gradient(180deg, #4a88c3 0%, #3273af 100%) !important;
  border: 1px solid #2c689f !important;
  box-shadow: 0 16px 28px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
}

.modal-content .team-member-modal__button--secondary {
  background: #ffffff !important;
  border: 1px solid #d1e2ef !important;
  color: #2d6798 !important;
}

.modal-content .team-member-modal__button--danger {
  background: linear-gradient(180deg, #db6a6a 0%, #bf5555 100%) !important;
  border: 1px solid #ad4747 !important;
  box-shadow: 0 16px 28px rgba(191, 85, 85, 0.2) !important;
  color: #ffffff !important;
}

.modal-content .team-member-modal__button--warning {
  background: linear-gradient(180deg, #f0b760 0%, #df9e3a 100%) !important;
  border: 1px solid #cd8a27 !important;
  box-shadow: 0 16px 28px rgba(223, 158, 58, 0.22) !important;
  color: #ffffff !important;
}

.modal-content .team-member-modal__button[disabled] {
  box-shadow: none !important;
  cursor: default !important;
  opacity: 0.68 !important;
  transform: none !important;
}

.modal-content .team-member-modal--danger .team-member-modal__eyebrow {
  color: #bf5555 !important;
}

.modal-content .team-member-modal--warning .team-member-modal__eyebrow {
  color: #c6841e !important;
}

@media (max-width: 980px) {
  .settings-admin-page {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  .settings-admin-page .settings-admin-content::before {
    font-size: 26px !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 680px) {
  .settings-admin-page .settings__body__form__row {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page form.roles ul.ui-sortable,
  .settings-admin-page #libraries-drag-container ul.ui-sortable {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page .roleInput {
    margin: 0 0 10px !important;
    max-width: none !important;
    width: 100% !important;
  }

  .settings-admin-page .setup__body__section__list {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .settings-admin-page .setup__body__section__edit-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .team-member-modal-window .modal-dialog,
  .team-member-modal-window.team-member-modal-window--compact .modal-dialog,
  .team-member-modal-window.team-member-modal-window--confirm .modal-dialog {
    margin: 18px auto !important;
    width: calc(100vw - 20px) !important;
  }

  .modal-content .team-member-modal__header,
  .modal-content .team-member-modal__body,
  .modal-content .team-member-modal__footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .modal-content .team-member-modal__title {
    font-size: 28px !important;
  }

  .modal-content .team-member-modal__grid {
    grid-template-columns: 1fr !important;
  }

  .modal-content .team-member-modal__actions-row,
  .modal-content .team-member-modal__footer {
    flex-direction: column !important;
  }

  .modal-content .team-member-modal__button {
    width: 100% !important;
  }
}
/* End settings admin content polish. */

/* Header nav pill hover: remove separators and keep active state as an underline. */
header .topnav li {
  background: transparent !important;
  background-color: transparent !important;
  border-left: 0 !important;
  position: relative !important;
}

header .topnav li:hover,
header .topnav li.active:hover {
  background: transparent !important;
  background-color: transparent !important;
}

header .topnav li a,
header .topnav li.tasks-main-nav > span {
  border: 0 !important;
  border-radius: 999px !important;
  margin: 10px 4px !important;
  min-height: 36px !important;
  padding: 0 17px !important;
}

header .topnav li:hover a,
header .topnav li a:hover,
header .topnav li.tasks-main-nav:hover > span {
  background: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

header .topnav li.active a,
header .topnav li.active > span,
header .topnav li a.current {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
}

header .topnav li.active:hover a,
header .topnav li.active a:hover,
header .topnav li a.current:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
}

header .topnav li.active::after {
  background: #ffffff;
  border-radius: 999px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
}


/* Settings admin layout and icon refinements. */
.settings-admin-page .fa,
.settings-admin-page .fa::before,
.settings-admin-page .settings-admin-sidebar__item .fa,
.settings-admin-page .roleEditIcons .fa {
  font-family: FontAwesome !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
}

.settings-admin-page .settings-admin-sidebar__item .fa {
  font-size: 16px !important;
  line-height: 1 !important;
}

.settings-admin-page--site .settings__body {
  align-items: stretch !important;
  grid-template-columns: repeat(2, minmax(340px, 1fr)) !important;
  max-width: 1180px !important;
  width: min(100%, 1180px) !important;
}

.settings-admin-page--site .add-new-store-btn {
  grid-column: 1 / -1 !important;
}

.settings-admin-page--site .settings__body__section {
  min-height: 100% !important;
}

.settings-admin-page--site .settings__body__section__title {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
}

.settings-admin-page .section-header::before {
  align-items: center !important;
  background: #eaf5ff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 12px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: FontAwesome !important;
  font-size: 15px !important;
  height: 38px !important;
  justify-content: center !important;
  width: 38px !important;
}


.settings-admin-page .section-header {
  align-items: flex-start !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
}

.settings-admin-page .section-header::before {
  grid-row: 1 / span 2 !important;
}

.settings-admin-page--categories .section-header::before { content: "\f02c"; }
.settings-admin-page--library .section-header::before { content: "\f0c1"; }
.settings-admin-page--users .section-header::before { content: "\f0c0"; }

.settings-admin-page form.roles ul.ui-sortable {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

.settings-admin-page form.roles .roleRow {
  align-items: flex-start !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  padding: 16px !important;
}

.settings-admin-page form.roles .roleRow::before {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d6e4f1 !important;
  border-radius: 10px !important;
  color: var(--stak-primary-dark) !important;
  content: "\f02b" !important;
  display: inline-flex !important;
  font-family: FontAwesome !important;
  font-size: 15px !important;
  height: 38px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  width: 38px !important;
}

.settings-admin-page form.roles .roleRow > div {
  min-width: 0 !important;
}

.settings-admin-page .roleEditIcons {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.settings-admin-page .roleEditIcons a {
  border-radius: 10px !important;
  height: 36px !important;
  margin-right: 0 !important;
  width: 36px !important;
}

.settings-admin-page .roleEditIcons a:hover {
  background: #eaf5ff !important;
  border-color: #b9d8f0 !important;
  color: var(--stak-primary-dark) !important;
}

@media (max-width: 1180px) {
  .settings-admin-page--site .settings__body {
    grid-template-columns: 1fr !important;
    max-width: 820px !important;
    width: min(100%, 820px) !important;
  }
}

@media (max-width: 680px) {
  .settings-admin-page .section-header {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page .section-header::before {
    grid-row: auto !important;
  }

  .settings-admin-page form.roles .roleRow {
    grid-template-columns: 1fr !important;
  }
}
/* End settings admin layout and icon refinements. */


/* Site settings card titles are text-only. */
.settings-admin-page--site .settings__body__section__title::before {
  content: none !important;
  display: none !important;
}


/* Compact settings labels with hover explanations. */
.settings-admin-page--site .settings__body,
.settings-admin-page--site .settings__body__section,
.settings-admin-page .table-responsive,
.settings-admin-page table.table,
.settings-admin-page table.table tbody,
.settings-admin-page table.table tr,
.settings-admin-page table.table td {
  overflow: visible !important;
}

.settings-admin-page .settings-label-with-info {
  align-items: center !important;
  display: inline-flex !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: relative !important;
  vertical-align: middle !important;
}

.settings-admin-page .settings-info-wrap {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  outline: none !important;
  overflow: visible !important;
  position: relative !important;
  vertical-align: middle !important;
  z-index: 50 !important;
}

.settings-admin-page .settings-info-icon {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark) !important;
  cursor: help !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  height: 18px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 18px !important;
}

.settings-admin-page .settings-info-tooltip {
  background: #172a3f !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 30px rgba(23, 42, 63, 0.24) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  left: calc(100% + 10px) !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
  min-width: 210px !important;
  opacity: 0 !important;
  padding: 10px 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-align: left !important;
  top: 50% !important;
  transform: translate(4px, -50%) !important;
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease !important;
  visibility: hidden !important;
  white-space: normal !important;
  z-index: 9999 !important;
}

.settings-admin-page .settings-info-tooltip::before {
  border-bottom: 7px solid transparent !important;
  border-right: 7px solid #172a3f !important;
  border-top: 7px solid transparent !important;
  content: "" !important;
  height: 0 !important;
  left: -7px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 0 !important;
}

.settings-admin-page .settings-info-wrap:hover .settings-info-icon,
.settings-admin-page .settings-info-wrap:focus .settings-info-icon,
.settings-admin-page .settings-info-wrap:focus-within .settings-info-icon {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
}

.settings-admin-page .settings-info-wrap:hover .settings-info-tooltip,
.settings-admin-page .settings-info-wrap:focus .settings-info-tooltip,
.settings-admin-page .settings-info-wrap:focus-within .settings-info-tooltip {
  opacity: 1 !important;
  transform: translate(0, -50%) !important;
  visibility: visible !important;
}

@media (max-width: 680px) {
  .settings-admin-page .settings-info-tooltip {
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    max-width: min(260px, 80vw) !important;
    min-width: min(220px, 80vw) !important;
    top: auto !important;
    transform: translate(-50%, 4px) !important;
  }

  .settings-admin-page .settings-info-tooltip::before {
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 7px solid #172a3f !important;
    border-bottom: 0 !important;
    bottom: -7px !important;
    left: 50% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
  }

  .settings-admin-page .settings-info-wrap:hover .settings-info-tooltip,
  .settings-admin-page .settings-info-wrap:focus .settings-info-tooltip,
  .settings-admin-page .settings-info-wrap:focus-within .settings-info-tooltip {
    transform: translate(-50%, 0) !important;
  }
}

/* Mobile header drawer: readable, tappable, desktop-like pill navigation. */
@media all and (max-width: 991px) {
  header.stak-standard-header,
  header {
    height: 70px !important;
    min-height: 70px !important;
    position: relative !important;
    z-index: 9000 !important;
  }

  header .toggle-menu {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    height: 52px !important;
    justify-content: center !important;
    left: 16px !important;
    padding: 0 !important;
    position: fixed !important;
    top: 10px !important;
    width: 52px !important;
    z-index: 10050 !important;
  }

  header .toggle-menu div.bar1,
  header .toggle-menu div.bar2,
  header .toggle-menu div.bar3 {
    background: #ffffff !important;
    border-radius: 999px !important;
    height: 3px !important;
    margin: 4px 0 !important;
    width: 26px !important;
  }

  header .toggle-menu.change {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
  }

  header .toggle-menu.change .bar1 {
    transform: rotate(-45deg) translate(-5px, 5px) !important;
  }

  header .toggle-menu.change .bar2 {
    opacity: 0 !important;
  }

  header .toggle-menu.change .bar3 {
    transform: rotate(45deg) translate(-5px, -5px) !important;
  }

  header div.header-bottom {
    background: linear-gradient(180deg, #337ab7 0%, #2d72ad 100%) !important;
    box-shadow: 0 16px 40px rgba(13, 33, 53, 0.22) !important;
    box-sizing: border-box !important;
    display: none;
    height: 100vh !important;
    left: 0 !important;
    overflow-y: auto !important;
    padding: 86px 18px 28px !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 10000 !important;
  }

  header nav.topnav-wrapper {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }

  header .topnav {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    gap: 12px !important;
    margin: 0 auto !important;
    max-width: 420px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  header .topnav > li:first-child,
  header .topnav > li#logo-bottom {
    display: none !important;
  }

  header .topnav li {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
  }

  header .topnav li a,
  header .topnav li.tasks-main-nav > span {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    justify-content: flex-start !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    position: static !important;
    text-align: left !important;
    top: 0 !important;
    width: 100% !important;
  }

  header .topnav li:hover a,
  header .topnav li a:hover,
  header .topnav li.active a,
  header .topnav li.active:hover a {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
  }

  header .topnav li.active::after {
    background: #ffffff !important;
    border-radius: 999px !important;
    bottom: 4px !important;
    content: "" !important;
    height: 4px !important;
    left: 22px !important;
    position: absolute !important;
    right: auto !important;
    width: 44px !important;
  }

  header .dropdown-wrapper.bottom {
    background: transparent !important;
    display: block !important;
    float: none !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom > span,
  header .dropdown-wrapper.bottom a.dropdown-toggle,
  header .dropdown-wrapper.bottom > span > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    text-align: center !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom .fa {
    color: #ffffff !important;
    margin-left: 8px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(13, 33, 53, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(13, 33, 53, 0.2) !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    padding: 6px 0 !important;
    position: static !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu li,
  header .dropdown-wrapper.bottom ul.dropdown-menu li a,
  header .dropdown-wrapper.bottom ul.dropdown-menu li span {
    background: #ffffff !important;
    color: var(--stak-primary-dark) !important;
  }
}

/* Mobile drawer tightening: smaller close control and content-sized pills. */
@media all and (max-width: 991px) {
  header .toggle-menu {
    height: 44px !important;
    left: 18px !important;
    top: 14px !important;
    width: 44px !important;
  }

  header .toggle-menu div.bar1,
  header .toggle-menu div.bar2,
  header .toggle-menu div.bar3 {
    margin: 3px 0 !important;
    width: 22px !important;
  }

  header .toggle-menu.change .bar1 {
    transform: rotate(-45deg) translate(-4px, 4px) !important;
  }

  header .toggle-menu.change .bar3 {
    transform: rotate(45deg) translate(-4px, -4px) !important;
  }

  header div.header-bottom {
    padding: 88px 22px 28px !important;
  }

  header .topnav {
    gap: 10px !important;
    max-width: 360px !important;
  }

  header .topnav li {
    text-align: left !important;
  }

  header .topnav li a,
  header .topnav li.tasks-main-nav > span {
    display: inline-flex !important;
    font-size: 18px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    width: auto !important;
  }

  header .topnav li.active a,
  header .topnav li.active:hover a,
  header .topnav li a:hover {
    background: rgba(255, 255, 255, 0.18) !important;
  }

  header .topnav li.active::after {
    bottom: 2px !important;
    left: 18px !important;
    width: 40px !important;
  }

  header .dropdown-wrapper.bottom {
    margin-top: 14px !important;
    max-width: 360px !important;
  }

  header .dropdown-wrapper.bottom > span {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom a.dropdown-toggle,
  header .dropdown-wrapper.bottom > span > a {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 17px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
  }
}

/* Schedule page polish. */
#main.schedule-admin-page {
  background-color: var(--stak-board-canvas) !important;
  background-image: none !important;
  box-sizing: border-box !important;
  color: #20344c !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  padding: 28px 22px 46px !important;
}

.schedule-admin-page,
.schedule-admin-page input,
.schedule-admin-page select,
.schedule-admin-page button,
.schedule-admin-page textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.schedule-admin-page > .container {
  height: auto !important;
  margin: 0 auto !important;
  max-width: 1500px !important;
  min-height: calc(100vh - 120px) !important;
  overflow-y: visible !important;
  padding: 0 !important;
  width: min(100%, 1500px) !important;
}

.schedule-admin-page .panel.panel-default.schedule {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #c8dcee !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(32, 52, 76, 0.13) !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.schedule-admin-page .panel-body {
  background: transparent !important;
  font-size: 14px !important;
  padding: 28px !important;
}

.schedule-admin-page .section-header.schedule {
  align-items: center !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-bottom: 1px solid #dbe7f1 !important;
  display: flex !important;
  min-height: 76px !important;
  padding: 0 28px !important;
}

.schedule-admin-page .section-header.schedule::before {
  align-items: center !important;
  background: var(--stak-primary-soft) !important;
  border: 1px solid #c6dff4 !important;
  border-radius: 12px !important;
  color: var(--stak-primary-dark) !important;
  content: "\f073" !important;
  display: inline-flex !important;
  font-family: FontAwesome !important;
  font-size: 21px !important;
  height: 44px !important;
  justify-content: center !important;
  margin-right: 14px !important;
  width: 44px !important;
}

.schedule-admin-page .section-header.schedule::after {
  color: #20344c !important;
  content: "Schedule" !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

.schedule-admin-page .nav.nav-pills {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 6px !important;
  margin: 0 0 22px !important;
  padding: 6px !important;
}

.schedule-admin-page .nav.nav-pills > li {
  margin: 0 !important;
}

.schedule-admin-page .nav.nav-pills > li > a {
  background: transparent !important;
  border-radius: 999px !important;
  color: #476783 !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-width: 168px !important;
  padding: 13px 18px !important;
  text-align: center !important;
  transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
}

.schedule-admin-page .nav.nav-pills > li.active > a,
.schedule-admin-page .nav.nav-pills > li > a:hover,
.schedule-admin-page .nav.nav-pills > li > a:focus {
  background: var(--stak-primary) !important;
  box-shadow: 0 8px 20px rgba(51, 122, 183, 0.24) !important;
  color: #ffffff !important;
}

.schedule-admin-page .form-horizontal > .form-group,
.schedule-admin-page .form-horizontal > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.schedule-admin-page .form-group > .row,
.schedule-admin-page .form-horizontal > .row {
  background: #f8fbff !important;
  border: 1px solid #dbe7f1 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  padding: 16px !important;
}

.schedule-admin-page .col-xs-12 {
  box-sizing: border-box !important;
}

.schedule-admin-page #schedule-days,
.schedule-admin-page #schedule-copy,
.schedule-admin-page #schedule-toggle,
.schedule-admin-page #schedule-monthly-date,
.schedule-admin-page #schedule-monthly-toggle {
  position: static !important;
}

.schedule-admin-page #schedule-days {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.schedule-admin-page #schedule-days label.radio-inline {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 999px !important;
  color: #476783 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease !important;
}

.schedule-admin-page #schedule-days label.radio-inline:has(input.schedule-radio:checked) {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  box-shadow: 0 8px 18px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
}

.schedule-admin-page input.schedule-radio {
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.schedule-admin-page #schedule-copy {
  display: inline-flex !important;
  margin-top: 14px !important;
}

.schedule-admin-page #schedule-copy a {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px dashed #a8cdea !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--stak-primary-dark) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  line-height: 1 !important;
  margin-left: 0 !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}

.schedule-admin-page #schedule-copy a:hover {
  background: var(--stak-primary-soft) !important;
  border-color: var(--stak-primary) !important;
}

.schedule-admin-page #schedule-copy .fa,
.schedule-admin-page #schedule-copy span {
  background: transparent !important;
  color: var(--stak-primary-dark) !important;
  padding: 0 !important;
}

.schedule-admin-page #schedule-toggle,
.schedule-admin-page #schedule-monthly-toggle {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 999px !important;
  display: flex !important;
  float: right !important;
  gap: 6px !important;
  padding: 6px !important;
}

.schedule-admin-page #schedule-toggle .btn,
.schedule-admin-page #schedule-monthly-toggle .btn,
.schedule-admin-page .sUnpressed,
.schedule-admin-page .uUnpressed,
.schedule-admin-page .sPressed,
.schedule-admin-page .uPressed {
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #476783 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 36px !important;
  padding: 0 14px !important;
}

.schedule-admin-page #schedule-toggle .sUnpressed,
.schedule-admin-page #schedule-toggle .uUnpressed,
.schedule-admin-page #schedule-monthly-toggle .sUnpressed,
.schedule-admin-page #schedule-monthly-toggle .uUnpressed {
  background: #ffffff !important;
  color: var(--stak-primary-dark) !important;
}

.schedule-admin-page #schedule-toggle .sPressed,
.schedule-admin-page #schedule-toggle .uPressed,
.schedule-admin-page #schedule-monthly-toggle .sPressed,
.schedule-admin-page #schedule-monthly-toggle .uPressed {
  background: var(--stak-primary) !important;
  color: #ffffff !important;
}

.schedule-admin-page #schedule-monthly-date {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
}

.schedule-admin-page #schedule-monthly-date label {
  color: #476783 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

.schedule-admin-page #schedule-monthly-date select,
.schedule-admin-page select.form-control,
.schedule-admin-page select.input-sm,
.schedule-admin-page table select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #ffffff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #20344c !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  min-height: 40px !important;
  padding: 0 34px 0 12px !important;
}

.schedule-admin-page .schedule-grid-wrap {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  max-height: calc(100vh - 330px) !important;
  min-height: 260px !important;
  overflow: auto !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-grid-wrap::-webkit-scrollbar {
  height: 10px !important;
  width: 10px !important;
}

.schedule-admin-page .schedule-grid-wrap::-webkit-scrollbar-track {
  background: #f4f9fe !important;
}

.schedule-admin-page .schedule-grid-wrap::-webkit-scrollbar-thumb {
  background: #b8d0e5 !important;
  border: 2px solid #f4f9fe !important;
  border-radius: 999px !important;
}

.schedule-admin-page .schedule_daily_tasking {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  color: #20344c !important;
  font-size: 13px !important;
  margin: 0 !important;
  min-width: 920px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td,
.schedule-admin-page table.schedule_daily_tasking th {
  background: #f4f9fe !important;
  border: 0 !important;
  border-bottom: 1px solid #c8dcee !important;
  border-radius: 0 !important;
  color: #476783 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 9px 10px !important;
  position: sticky !important;
  top: 0 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  z-index: 4 !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:first-child {
  border-radius: 0 !important;
  padding-left: 14px !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:last-child {
  border-radius: 0 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody {
  color: #20344c !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr {
  background: transparent !important;
  border: 0 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td {
  background: #ffffff !important;
  border-bottom: 1px solid #edf2f7 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  color: #20344c !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  height: 42px !important;
  line-height: 1.25 !important;
  padding: 6px 10px !important;
  vertical-align: middle !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr:nth-child(even) td {
  background: #fbfdff !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr.is-scheduled td,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="cbdcea"] td,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="203, 220, 234"] td {
  background: #edf8f1 !important;
  border-bottom-color: #cfe7d7 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr:hover td {
  background: #f5fbff !important;
  border-color: #c8dcee !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:first-child {
  border-left: 4px solid transparent !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  max-width: 420px !important;
  overflow: hidden !important;
  padding-left: 18px !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:first-child::before {
  background: transparent !important;
  border-radius: 999px !important;
  content: "" !important;
  display: none !important;
  height: 0 !important;
  margin-right: 0 !important;
  width: 0 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr.is-scheduled td:first-child,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="cbdcea"] td:first-child,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="203, 220, 234"] td:first-child {
  border-left-color: #4fa66a !important;
  color: #19324a !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr.is-scheduled td:first-child::before,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="cbdcea"] td:first-child::before,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="203, 220, 234"] td:first-child::before {
  background: transparent !important;
  box-shadow: none !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:last-child {
  border-radius: 0 !important;
  border-right: 0 !important;
  text-align: left !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(3),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(4) {
  text-align: left !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr.is-cross-scheduled td:first-child .fa-ban {
  color: #b42318 !important;
  margin-right: 5px !important;
}

.schedule-admin-page table.schedule_daily_tasking select.form-control,
.schedule-admin-page table.schedule_daily_tasking select.input-sm,
.schedule-admin-page table.schedule_daily_tasking select {
  border-radius: 8px !important;
  font-size: 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 28px 0 10px !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 280px !important;
  min-width: 145px !important;
  width: 100% !important;
}

.schedule-admin-page table.schedule_daily_tasking input[type="text"],
.schedule-admin-page table.schedule_daily_tasking input[type="number"] {
  background: #fbfdff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #20344c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  height: 32px !important;
  padding: 0 8px !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: center !important;
  width: 72px !important;
}

.schedule-admin-page table.schedule_daily_tasking input:focus,
.schedule-admin-page table.schedule_daily_tasking select:focus,
.schedule-admin-page #schedule-monthly-date select:focus {
  border-color: var(--stak-primary) !important;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.16) !important;
  outline: none !important;
}

.schedule-admin-page table.schedule_daily_tasking input[type="checkbox"] {
  accent-color: var(--stak-primary) !important;
  cursor: pointer !important;
  height: 16px !important;
  margin: 0 !important;
  width: 16px !important;
}

.schedule-admin-page table.schedule_daily_tasking .btn.btn-default {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 8px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  gap: 5px !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.schedule-admin-page table.schedule_daily_tasking .btn.btn-default:hover {
  background: #fff4f4 !important;
  border-color: #f2b8b8 !important;
  color: #b42318 !important;
}

.schedule-admin-page .schedule-input-error {
  background: #fff1f1 !important;
  border: 1px solid #ffd1d1 !important;
  border-radius: 8px !important;
  color: #b42318 !important;
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  margin-top: 6px !important;
  padding: 5px 8px !important;
  width: auto !important;
}

.schedule-admin-page uib-alert,
.schedule-admin-page .alert {
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.schedule-admin-page .ngdialog-message h2 {
  color: #20344c !important;
  font-size: 24px !important;
  font-weight: 850 !important;
}

.schedule-admin-page .ngdialog-button-primary {
  background: var(--stak-primary) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

@media (max-width: 1080px) {
  #main.schedule-admin-page {
    padding: 18px 12px 34px !important;
  }

  .schedule-admin-page .panel-body {
    padding: 18px !important;
  }

  .schedule-admin-page #schedule-toggle,
  .schedule-admin-page #schedule-monthly-toggle {
    float: none !important;
    margin-top: 12px !important;
    width: max-content !important;
  }

  .schedule-admin-page .col-xs-12 {
    overflow-x: auto !important;
  }
}

@media (max-width: 720px) {
  .schedule-admin-page .section-header.schedule {
    min-height: 66px !important;
    padding: 0 18px !important;
  }

  .schedule-admin-page .section-header.schedule::after {
    font-size: 24px !important;
  }

  .schedule-admin-page .nav.nav-pills {
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .schedule-admin-page .nav.nav-pills > li > a {
    min-width: 0 !important;
    width: 100% !important;
  }

  .schedule-admin-page #schedule-days {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    text-align: left !important;
  }

  .schedule-admin-page #schedule-copy,
  .schedule-admin-page #schedule-toggle,
  .schedule-admin-page #schedule-monthly-date,
  .schedule-admin-page #schedule-monthly-toggle {
    display: flex !important;
    float: none !important;
    justify-content: flex-start !important;
    left: auto !important;
    margin-top: 12px !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .schedule-admin-page #schedule-toggle,
  .schedule-admin-page #schedule-monthly-toggle {
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* Schedule control hierarchy refinement. */
.schedule-admin-page .section-header.schedule {
  min-height: 62px !important;
  padding: 0 22px !important;
}

.schedule-admin-page .section-header.schedule::before {
  border-radius: 10px !important;
  font-size: 18px !important;
  height: 36px !important;
  margin-right: 12px !important;
  width: 36px !important;
}

.schedule-admin-page .section-header.schedule::after {
  font-size: 26px !important;
}

.schedule-admin-page .panel-body {
  padding: 16px 18px 18px !important;
}

.schedule-admin-page .schedule-mode-row,
.schedule-admin-page .schedule-mode-col {
  margin: 0 !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-mode-bar {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}

.schedule-admin-page .schedule-control-label {
  color: #6d849a !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.schedule-admin-page .nav.nav-pills.schedule-mode-tabs {
  background: #eef6fd !important;
  border-radius: 10px !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 3px !important;
}

.schedule-admin-page .nav.nav-pills.schedule-mode-tabs > li > a {
  border-radius: 8px !important;
  font-size: 13px !important;
  min-height: 30px !important;
  min-width: 0 !important;
  padding: 8px 13px !important;
}

.schedule-admin-page .schedule-form-group,
.schedule-admin-page .schedule-controls-row {
  margin: 0 !important;
}

.schedule-admin-page .schedule-controls-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.schedule-admin-page .form-horizontal > .schedule-controls-row {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-toolbar {
  align-items: center !important;
  background: #f8fbff !important;
  border: 1px solid #d8e6f2 !important;
  border-radius: 10px !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
  overflow: visible !important;
  padding: 9px 11px !important;
}

.schedule-admin-page .schedule-toolbar__primary,
.schedule-admin-page .schedule-toolbar__secondary {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.schedule-admin-page #schedule-days {
  gap: 4px !important;
  padding-left: 0 !important;
}

.schedule-admin-page #schedule-days label.radio-inline {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
}

.schedule-admin-page #schedule-copy {
  display: inline-flex !important;
  margin-top: 0 !important;
}

.schedule-admin-page #schedule-copy a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
}

.schedule-admin-page #schedule-copy a:hover,
.schedule-admin-page #schedule-copy a:focus {
  background: #eef6fd !important;
}

.schedule-admin-page #schedule-copy .fa {
  font-size: 13px !important;
}

.schedule-admin-page #schedule-toggle,
.schedule-admin-page #schedule-monthly-toggle {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  float: none !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-filter-segment {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e2ef !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  gap: 2px !important;
  padding: 2px !important;
}

.schedule-admin-page .schedule-filter-button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #476783 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  min-height: 28px !important;
  padding: 0 10px !important;
}

.schedule-admin-page .schedule-filter-button.is-active {
  background: var(--stak-primary) !important;
  color: #ffffff !important;
}

.schedule-admin-page #schedule-monthly-date {
  border-radius: 10px !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
}

.schedule-admin-page #schedule-monthly-date label {
  font-size: 12px !important;
}

.schedule-admin-page #schedule-monthly-date select {
  border-radius: 8px !important;
  font-size: 12px !important;
  min-height: 28px !important;
}

.schedule-admin-page .schedule-grid-wrap {
  margin-top: 0 !important;
  max-height: calc(100vh - 255px) !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-mode-bar,
  .schedule-admin-page .schedule-toolbar,
  .schedule-admin-page .schedule-toolbar__primary,
  .schedule-admin-page .schedule-toolbar__secondary,
  .schedule-admin-page #schedule-toggle,
  .schedule-admin-page #schedule-monthly-toggle {
    align-items: stretch !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .schedule-admin-page .schedule-mode-bar,
  .schedule-admin-page .schedule-toolbar__primary,
  .schedule-admin-page .schedule-toolbar__secondary {
    gap: 7px !important;
  }

  .schedule-admin-page .nav.nav-pills.schedule-mode-tabs,
  .schedule-admin-page #schedule-days,
  .schedule-admin-page .schedule-filter-segment,
  .schedule-admin-page #schedule-monthly-date {
    width: 100% !important;
  }

  .schedule-admin-page .schedule-filter-segment,
  .schedule-admin-page #schedule-days {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .schedule-admin-page #schedule-days label.radio-inline,
  .schedule-admin-page .schedule-filter-button {
    justify-content: center !important;
  }
}

/* Schedule header mode switch alignment. */
.schedule-admin-page .section-header.schedule {
  gap: 12px !important;
  justify-content: flex-start !important;
}

.schedule-admin-page .schedule-mode-bar--header {
  margin: 0 0 0 auto !important;
}

.schedule-admin-page .schedule-mode-bar--header .schedule-mode-tabs {
  margin: 0 !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .section-header.schedule {
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }

  .schedule-admin-page .schedule-mode-bar--header {
    margin-left: 0 !important;
    width: 100% !important;
  }
}


/* Keep schedule mode switch in the title row. */
.schedule-admin-page .panel-body > .schedule-mode-row,
.schedule-admin-page .panel-body > .schedule-mode-row .schedule-control-label {
  display: none !important;
}

.schedule-admin-page .section-header.schedule {
  position: relative !important;
  padding-right: 250px !important;
}

.schedule-admin-page .schedule-mode-bar--header {
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.schedule-admin-page .schedule-mode-bar--header .schedule-mode-tabs {
  box-shadow: none !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .section-header.schedule {
    padding-right: 18px !important;
  }

  .schedule-admin-page .schedule-mode-bar--header {
    margin-top: 8px !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }
}
/* Task add composer fixed palette. */
#TaskAndGroupContainerID div[id^="addTaskPaneWrap-"] .modal-footer {
  align-items: center !important;
  border-top: 1px solid #dbe7f1 !important;
  display: flex !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

#TaskAndGroupContainerID button[id^="saveNewTaskBtn-"],
#TaskAndGroupContainerID .task-add-save-button {
  background: var(--stak-primary) !important;
  border: 1px solid var(--stak-primary) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  min-height: 42px !important;
  min-width: 92px !important;
  padding: 0 22px !important;
  width: auto !important;
}

#TaskAndGroupContainerID button[id^="saveNewTaskBtn-"]:hover,
#TaskAndGroupContainerID button[id^="saveNewTaskBtn-"]:focus,
#TaskAndGroupContainerID .task-add-save-button:hover,
#TaskAndGroupContainerID .task-add-save-button:focus {
  background: var(--stak-primary-dark) !important;
  border-color: var(--stak-primary-dark) !important;
  color: #ffffff !important;
  outline: none !important;
}

#TaskAndGroupContainerID img[id^="cancelTaskBtn-"] {
  display: none !important;
}
/* End schedule page polish. */

/* Categories page compact polish. */
.settings-admin-page--categories {
  padding: 22px !important;
}

.settings-admin-page--categories .settings-admin-content::before {
  font-size: 28px !important;
  margin: 0 0 12px !important;
}

.settings-admin-page--categories .setup__body {
  max-width: 1280px !important;
  padding-bottom: 28px !important;
  width: min(100%, 1280px) !important;
}

.settings-admin-page--categories .setup__body__section {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: #cfe0ee !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 38px rgba(27, 48, 70, 0.08) !important;
  padding: 18px !important;
}

.settings-admin-page--categories .add-category form.roles {
  display: block !important;
}

.settings-admin-page--categories .section-header.categories {
  align-items: center !important;
  background: #f8fbff !important;
  border: 1px solid #dce8f3 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 2px 12px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
}

.settings-admin-page--categories .section-header.categories::before {
  background: #edf6ff !important;
  border-color: #c9e0f3 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  grid-row: 1 / span 2 !important;
  height: 34px !important;
  width: 34px !important;
}

.settings-admin-page--categories .section-header.categories p:first-child {
  color: var(--settings-text) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

.settings-admin-page--categories .section-header.categories p + p {
  color: #71869b !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

.settings-admin-page--categories form.roles #horizontal-container {
  display: block !important;
  width: 100% !important;
}

.settings-admin-page--categories form.roles ul.ui-sortable {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.settings-admin-page--categories form.roles .roleRow {
  align-items: center !important;
  background: #fbfdff !important;
  border: 1px solid #d8e5f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(27, 48, 70, 0.045) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
}

.settings-admin-page--categories form.roles .roleRow::before {
  content: none !important;
  display: none !important;
}

.settings-admin-page--categories form.roles .roleRow:hover,
.settings-admin-page--categories form.roles .roleRow:focus-within {
  background: #ffffff !important;
  border-color: #bed5e9 !important;
  box-shadow: 0 12px 24px rgba(27, 48, 70, 0.08) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page--categories form.roles .roleRow > div {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

.settings-admin-page--categories form.roles .roleRow span:not(.sr-only) {
  color: var(--settings-text) !important;
  display: block !important;
  float: none !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-admin-page--categories form.roles .roleRow input.form-control {
  font-size: 14px !important;
  height: 38px !important;
  min-height: 38px !important;
}

.settings-admin-page--categories .roleEditIcons {
  align-items: center !important;
  display: inline-flex !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  opacity: 0.34 !important;
  padding: 0 !important;
  transition: opacity 140ms ease !important;
}

.settings-admin-page--categories .roleRow:hover .roleEditIcons,
.settings-admin-page--categories .roleRow:focus-within .roleEditIcons {
  opacity: 1 !important;
}

.settings-admin-page--categories .roleEditIcons a {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 32px !important;
}

.settings-admin-page--categories .roleEditIcons a:hover {
  background: #edf6ff !important;
  border-color: #c9e0f3 !important;
}

.settings-admin-page--categories .roleEditIcons a:last-child:hover {
  background: #fff1f1 !important;
  border-color: #f5c6c6 !important;
  color: #b42318 !important;
}

.settings-admin-page--categories .roleEditIcons .fa {
  font-family: FontAwesome !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.settings-admin-page--categories .category-add-row {
  align-items: center !important;
  background: #f8fbff !important;
  border: 1px dashed #b8d4ec !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 34px minmax(180px, 300px) auto 1fr !important;
  margin-top: 4px !important;
  padding: 10px !important;
}

.settings-admin-page--categories .category-add-row__icon {
  align-items: center !important;
  background: linear-gradient(180deg, #eef7ff 0%, #dfefff 100%) !important;
  border: 1px solid #c6dcf1 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 54px !important;
  justify-content: center !important;
  width: 54px !important;
}

.settings-admin-page--categories .category-add-row__icon .fa {
  font-family: FontAwesome !important;
  font-size: 20px !important;
}

.settings-admin-page--categories .category-add-row .roleInput,
.settings-admin-page--categories .category-add-row__input {
  background: #ffffff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  color: var(--settings-text) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  height: 52px !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 52px !important;
  padding: 14px 18px !important;
  width: 100% !important;
}

.settings-admin-page--categories .category-add-row .roleInput::placeholder,
.settings-admin-page--categories .category-add-row__input::placeholder {
  color: #8398ac !important;
  font-weight: 600 !important;
}

.settings-admin-page--categories .category-add-row .roleInput:focus,
.settings-admin-page--categories .category-add-row__input:focus {
  border-color: #8fb5d8 !important;
  box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.12) !important;
}

.settings-admin-page--categories .category-add-row .btn,
.settings-admin-page--categories .category-add-row__button {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  height: 48px !important;
  min-height: 48px !important;
  min-width: 96px !important;
  padding: 0 22px !important;
}

.settings-admin-page--categories .category-add-row .btn:hover,
.settings-admin-page--categories .category-add-row .btn:focus,
.settings-admin-page--categories .category-add-row__button:hover,
.settings-admin-page--categories .category-add-row__button:focus {
  background: var(--stak-primary-dark) !important;
  border-color: var(--stak-primary-dark) !important;
}

@media (max-width: 980px) {
  .settings-admin-page--categories {
    padding: 16px !important;
  }

  .settings-admin-page--categories form.roles ul.ui-sortable {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .settings-admin-page--categories .category-add-row {
    grid-template-columns: 1fr !important;
    max-width: none !important;
    width: 100% !important;
  }

  .settings-admin-page--categories .category-add-row__icon {
    height: 46px !important;
    width: 46px !important;
  }

  .settings-admin-page--categories .category-add-row .btn,
  .settings-admin-page--categories .category-add-row__button {
    width: 100% !important;
  }

  .settings-admin-page--categories .setup__body__section {
    padding: 14px !important;
  }

  .settings-admin-page--categories .section-header.categories {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page--categories .section-header.categories::before {
    display: none !important;
  }

  .settings-admin-page--categories form.roles ul.ui-sortable {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page--categories .category-add-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .settings-admin-page--categories .category-add-row .btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}
/* End categories page compact polish. */

/* Category tap dialog interaction. */
.settings-admin-page--categories form.roles .category-role-card {
  cursor: pointer !important;
  outline: none !important;
}

.settings-admin-page--categories form.roles .category-role-card:hover,
.settings-admin-page--categories form.roles .category-role-card:focus {
  border-color: var(--stak-primary) !important;
  box-shadow: 0 14px 28px rgba(51, 122, 183, 0.14) !important;
}

.settings-admin-page--categories form.roles .category-role-card__content {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  width: 100% !important;
}

.settings-admin-page--categories form.roles .category-role-card__cue {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  opacity: 0.72 !important;
  padding: 0 !important;
  width: 28px !important;
}

.settings-admin-page--categories form.roles .category-role-card:hover .category-role-card__cue,
.settings-admin-page--categories form.roles .category-role-card:focus .category-role-card__cue {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.settings-admin-page--categories form.roles .category-role-card__cue .fa {
  font-family: FontAwesome !important;
  font-size: 16px !important;
}

.category-options-modal-window .modal-dialog {
  max-width: 460px !important;
  width: calc(100% - 32px) !important;
}

.category-options-modal-window .modal-content {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(16, 32, 48, 0.28) !important;
  overflow: hidden !important;
}

.category-options-modal {
  background: #ffffff !important;
  color: #20344c !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.category-options-modal .modal-header {
  align-items: center !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
  border-bottom: 1px solid #dbe7f1 !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 44px minmax(0, 1fr) 34px !important;
  padding: 18px !important;
}

.category-options-modal__icon {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 12px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 44px !important;
  justify-content: center !important;
  width: 44px !important;
}

.category-options-modal__icon .fa,
.category-options-modal__close .fa,
.category-options-modal__delete .fa {
  font-family: FontAwesome !important;
}

.category-options-modal__title-wrap h3 {
  color: #20344c !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.category-options-modal__title-wrap p {
  color: #6b7f92 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 5px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.category-options-modal__close {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #6b7f92 !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 34px !important;
}

.category-options-modal__close:hover {
  background: #ffffff !important;
  color: #20344c !important;
}

.category-options-modal .modal-body {
  padding: 18px !important;
}

.category-options-modal__field label {
  color: #526b83 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin: 0 0 8px !important;
}

.category-options-modal__field .form-control {
  background: #fbfdff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #20344c !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  height: 46px !important;
  padding: 10px 12px !important;
}

.category-options-modal__field .form-control:focus {
  border-color: var(--stak-primary) !important;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.14) !important;
  outline: none !important;
}

.category-options-modal__field p {
  color: #b42318 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 7px 0 0 !important;
}

.category-options-modal__danger {
  align-items: center !important;
  background: #fff8f8 !important;
  border: 1px solid #f4d4d4 !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin-top: 18px !important;
  padding: 14px !important;
}

.category-options-modal__danger strong,
.category-options-modal__danger small {
  display: block !important;
}

.category-options-modal__danger strong {
  color: #7a271a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.category-options-modal__danger small {
  color: #9f5b53 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  margin-top: 3px !important;
}

.category-options-modal__delete {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #f0b8b8 !important;
  border-radius: 999px !important;
  color: #b42318 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  gap: 7px !important;
  height: 38px !important;
  justify-content: center !important;
  padding: 0 14px !important;
}

.category-options-modal__delete:hover,
.category-options-modal__delete--confirm {
  background: #b42318 !important;
  border-color: #b42318 !important;
  color: #ffffff !important;
}

.category-options-modal .modal-footer {
  align-items: center !important;
  background: #ffffff !important;
  border-top: 1px solid #edf2f7 !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding: 14px 18px 18px !important;
}

.category-options-modal .modal-footer .btn {
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
}

.category-options-modal__cancel {
  background: #ffffff !important;
  border: 1px solid #cdddeb !important;
  color: #526b83 !important;
}

.category-options-modal__save {
  background: var(--stak-primary) !important;
  border: 1px solid var(--stak-primary) !important;
  color: #ffffff !important;
}

.category-options-modal__save:hover {
  background: var(--stak-primary-dark) !important;
  border-color: var(--stak-primary-dark) !important;
}

.category-options-modal__save[disabled] {
  background: #cbd8e4 !important;
  border-color: #cbd8e4 !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
}

@media (max-width: 520px) {
  .category-options-modal .modal-header {
    grid-template-columns: 40px minmax(0, 1fr) 32px !important;
    padding: 16px !important;
  }

  .category-options-modal__danger {
    grid-template-columns: 1fr !important;
  }

  .category-options-modal .modal-footer {
    flex-direction: column-reverse !important;
  }

  .category-options-modal .modal-footer .btn {
    width: 100% !important;
  }
}
/* End category tap dialog interaction. */

/* Mobile nav polish: underline-only active item and sticky header backing. */
@media all and (max-width: 991px) {
  header.stak-standard-header,
  header {
    background: linear-gradient(180deg, #337fb9 0%, #327ab3 100%) !important;
    box-shadow: 0 1px 0 rgba(13, 33, 53, 0.18), 0 8px 20px rgba(13, 33, 53, 0.08) !important;
    position: relative !important;
    top: 0 !important;
  }

  header.stak-standard-header::before,
  header::before {
    background: linear-gradient(180deg, #337fb9 0%, #327ab3 100%) !important;
    box-shadow: 0 1px 0 rgba(13, 33, 53, 0.18), 0 8px 20px rgba(13, 33, 53, 0.08) !important;
    content: "" !important;
    height: 70px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 9990 !important;
  }

  header .header-top {
    background: transparent !important;
    height: 70px !important;
    min-height: 70px !important;
  }

  header .topnav li.active a,
  header .topnav li.active:hover a,
  header .topnav li.active a:hover {
    background: transparent !important;
  }

  header .topnav li:not(.active) a:hover,
  header .topnav li:not(.active):hover a {
    background: rgba(255, 255, 255, 0.18) !important;
  }
}

/* Category page visual repair 20260609. */
.settings-admin-page--categories form.roles ul.ui-sortable {
  gap: 12px !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

.settings-admin-page--categories form.roles .category-role-card {
  background: #ffffff !important;
  border: 1px solid #d6e5f1 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(27, 48, 70, 0.045) !important;
  cursor: pointer !important;
  min-height: 58px !important;
  padding: 0 !important;
  position: relative !important;
}

.settings-admin-page--categories form.roles .category-role-card:hover,
.settings-admin-page--categories form.roles .category-role-card:focus,
.settings-admin-page--categories form.roles .category-role-card:focus-within {
  background: #ffffff !important;
  border-color: var(--stak-primary) !important;
  box-shadow: 0 14px 30px rgba(51, 122, 183, 0.14) !important;
  transform: translateY(-1px) !important;
}

.settings-admin-page--categories form.roles .category-role-card__content {
  align-items: center !important;
  display: flex !important;
  min-height: 58px !important;
  padding: 14px 18px !important;
  width: 100% !important;
}

.settings-admin-page--categories form.roles .category-role-card__name {
  color: var(--settings-text) !important;
  display: block !important;
  float: none !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.settings-admin-page--categories form.roles .category-role-card::after {
  color: #9bbbd8 !important;
  content: "Details" !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  opacity: 0 !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: opacity 140ms ease !important;
}

.settings-admin-page--categories form.roles .category-role-card:hover::after,
.settings-admin-page--categories form.roles .category-role-card:focus::after {
  opacity: 1 !important;
}

.settings-admin-page--categories form.roles .category-role-card:hover .category-role-card__name,
.settings-admin-page--categories form.roles .category-role-card:focus .category-role-card__name {
  padding-right: 58px !important;
}

.settings-admin-page--categories form.roles .category-role-card__cue {
  display: none !important;
}

.settings-admin-page--categories .category-add-row {
  align-items: center !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #d6e5f1 !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 30px rgba(27, 48, 70, 0.06) !important;
  display: inline-grid !important;
  gap: 12px !important;
  grid-template-columns: 54px minmax(240px, 1fr) auto !important;
  margin-top: 10px !important;
  max-width: 760px !important;
  padding: 16px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
  width: min(100%, 760px) !important;
}

.settings-admin-page--categories .category-add-row:hover,
.settings-admin-page--categories .category-add-row:focus-within {
  border-color: #bed5e9 !important;
  box-shadow: 0 18px 34px rgba(51, 122, 183, 0.11) !important;
  transform: translateY(-1px) !important;
}

.category-options-modal-window .modal-dialog,
.category-options-modal-window .modal-dialog.modal-sm,
.category-options-modal-window .modal-dialog.modal-md {
  margin: 7vh auto 0 !important;
  max-width: none !important;
  width: min(560px, calc(100vw - 32px)) !important;
}

.category-options-modal-window .modal-content {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(16, 32, 48, 0.28) !important;
  overflow: hidden !important;
}

.category-options-modal .category-options-modal__header,
.category-options-modal .modal-header.category-options-modal__header {
  align-items: center !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
  border-bottom: 1px solid #dbe7f1 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  padding: 20px 22px !important;
  position: relative !important;
}

.category-options-modal__heading {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.category-options-modal__title-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.category-options-modal__title-wrap h3 {
  color: #20344c !important;
  display: block !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  position: static !important;
  text-align: left !important;
  white-space: normal !important;
}

.category-options-modal__title-wrap p {
  color: #6b7f92 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 5px 0 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: static !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.category-options-modal__close {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid #d6e5f1 !important;
  border-radius: 999px !important;
  color: #526b83 !important;
  display: inline-flex !important;
  flex: 0 0 36px !important;
  height: 36px !important;
  justify-content: center !important;
  margin: 0 0 0 14px !important;
  padding: 0 !important;
  position: static !important;
  width: 36px !important;
}

.category-options-modal__close:hover,
.category-options-modal__close:focus {
  background: #ffffff !important;
  color: #20344c !important;
  outline: none !important;
}

@media (max-width: 640px) {
  .settings-admin-page--categories .category-add-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    max-width: none !important;
    width: 100% !important;
  }

  .category-options-modal-window .modal-dialog,
  .category-options-modal-window .modal-dialog.modal-sm,
  .category-options-modal-window .modal-dialog.modal-md {
    margin-top: 16px !important;
    width: calc(100vw - 20px) !important;
  }

  .category-options-modal .category-options-modal__header,
  .category-options-modal .modal-header.category-options-modal__header {
    padding: 16px !important;
  }
}
/* End category page visual repair 20260609. */

/* Site settings breadcrumb and CTA polish 20260610. */
.settings-admin-page--site .settings__body {
  padding-top: 0 !important;
}

.settings-admin-page--site .add-new-store-btn {
  align-items: center !important;
  background: linear-gradient(180deg, #3f8dcc 0%, var(--stak-primary) 100%) !important;
  border: 1px solid rgba(25, 93, 151, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(51, 122, 183, 0.22) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  gap: 10px !important;
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  letter-spacing: 0 !important;
  margin: 0 0 6px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  width: auto !important;
}

.settings-admin-page--site .add-new-store-btn .fa {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  height: 26px !important;
  justify-content: center !important;
  padding: 0 !important;
  vertical-align: middle !important;
  width: 26px !important;
}

.settings-admin-page--site .add-new-store-btn:hover,
.settings-admin-page--site .add-new-store-btn:focus {
  background: linear-gradient(180deg, #4a98d6 0%, #2f78b8 100%) !important;
  border-color: rgba(25, 93, 151, 0.38) !important;
  box-shadow: 0 18px 36px rgba(51, 122, 183, 0.28) !important;
  color: #ffffff !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}
/* End site settings breadcrumb and CTA polish 20260610. */

/* Header account consolidation: account actions now live in the site dropdown. */
header .stak-header-menu--stores {
  min-width: 250px !important;
  width: 250px !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__divider {
  border-top: 1px solid #e3edf5 !important;
  height: 1px !important;
  margin: 5px 0 !important;
  padding: 0 !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__account > span {
  background: #f6f9fc !important;
  cursor: default !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__account:hover > span {
  background: #f6f9fc !important;
  box-shadow: none !important;
  color: #245f95 !important;
}

header .stak-header-menu__account small,
header .stak-header-menu__account strong {
  display: block !important;
  line-height: 1.25 !important;
}

header .stak-header-menu__account small {
  color: #70869b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-bottom: 3px !important;
  text-transform: uppercase !important;
}

header .stak-header-menu__account strong {
  color: #1c3146 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

header .stak-header-menu__settings > a.current {
  background: #edf6ff !important;
  color: #174a74 !important;
}

/* Reporting dashboard polish 20260610. */
#main > .container {
  max-width: none !important;
  padding: 0 20px 24px !important;
  width: 100% !important;
}

#main .main-container {
  background: transparent !important;
}

#main ul.reporting_submenu {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(27, 48, 70, 0.08) !important;
  clear: both !important;
  display: flex !important;
  gap: 8px !important;
  margin: 8px 0 16px !important;
  overflow-x: auto !important;
  padding: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
}

#main ul.reporting_submenu li {
  align-items: center !important;
  background: #f4f8fc !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #526b83 !important;
  display: inline-flex !important;
  float: none !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 0 !important;
  text-align: left !important;
  transition: background 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
  white-space: nowrap !important;
}

#main ul.reporting_submenu li:hover {
  background: #eaf4ff !important;
  box-shadow: 0 10px 24px rgba(51, 122, 183, 0.12) !important;
  transform: translateY(-1px) !important;
}

#main ul.reporting_submenu li:has(a.current) {
  background: var(--stak-primary) !important;
  box-shadow: 0 12px 28px rgba(51, 122, 183, 0.2) !important;
}

#main ul.reporting_submenu li a {
  align-items: center !important;
  color: #526b83 !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

#main ul.reporting_submenu li a.current,
#main ul.reporting_submenu li:has(a.current) a {
  color: #ffffff !important;
}

#main ul.reporting_submenu .fa {
  color: var(--stak-primary-dark) !important;
  font-family: FontAwesome !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

#main ul.reporting_submenu li a.current .fa,
#main ul.reporting_submenu li:has(a.current) .fa {
  color: #ffffff !important;
}

.reporting-submenu__label {
  color: inherit !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.main-container.task-analysis {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(27, 48, 70, 0.08) !important;
  color: var(--settings-text) !important;
  margin: 10px 0 22px !important;
  overflow: hidden !important;
  padding: 16px !important;
}

.main-container.task-analysis .container-fluid {
  padding: 0 !important;
}

.main-container.task-analysis .options {
  align-items: center !important;
  background: #f7fbff !important;
  border: 1px solid #dfeaf4 !important;
  border-radius: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
}

.main-container.task-analysis .reportPeriod {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

.main-container.task-analysis .reportPeriod > div[ng-click],
.main-container.task-analysis .reportPeriod select,
.main-container.task-analysis .reportPeriod .fa-download {
  background: #ffffff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 10px !important;
  color: #526b83 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
}

.main-container.task-analysis .reportPeriod > div.active,
.main-container.task-analysis .reportPeriod > div[ng-click].active {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
}

.main-container.task-analysis .table-responsive {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 14px !important;
  margin-top: 12px !important;
  overflow: auto !important;
}

.main-container.task-analysis table.table,
#dashboard table.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #20344c !important;
  font-size: 12px !important;
  margin: 0 !important;
  min-width: 720px !important;
}

.main-container.task-analysis table.table th,
#dashboard table.table th {
  background: #eef6ff !important;
  border-color: #d7e5f1 !important;
  color: #20344c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 11px 12px !important;
  position: sticky !important;
  top: 0 !important;
  vertical-align: middle !important;
  z-index: 2 !important;
}

.main-container.task-analysis table.table td,
#dashboard table.table td {
  background-clip: padding-box !important;
  border-color: #e2edf6 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding: 10px 12px !important;
  vertical-align: middle !important;
}

#dashboard.dashboard {
  background: transparent !important;
  color: var(--settings-text) !important;
  overflow: auto !important;
  padding: 10px 18px 26px !important;
}

#dashboard .dashboardHeader {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(27, 48, 70, 0.08) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
}

#dashboard .dashboardHeader .left,
#dashboard .dashboardHeader .right {
  align-items: center !important;
  display: flex !important;
  float: none !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

#dashboard .dashboardHeader .right {
  color: #526b83 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

#dashboard .dashboardHeader .refreshBtn {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  border-radius: 11px !important;
  box-shadow: 0 10px 22px rgba(51, 122, 183, 0.18) !important;
  color: #ffffff !important;
  height: 36px !important;
  width: 36px !important;
}

#dashboard .dashboardHeader .colorBox {
  border: 1px solid rgba(32, 52, 76, 0.12) !important;
  border-radius: 999px !important;
  height: 12px !important;
  margin: 0 2px 0 8px !important;
  padding: 0 !important;
  width: 12px !important;
}

#dashboard .column.column1 {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(27, 48, 70, 0.08) !important;
  float: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

#dashboard .columnHeader .tab {
  align-items: center !important;
  background: #f7fbff !important;
  border-bottom: 1px solid #dfeaf4 !important;
  border-radius: 0 !important;
  display: flex !important;
  gap: 8px !important;
  height: auto !important;
  overflow-x: auto !important;
  padding: 8px !important;
}

#dashboard .columnHeader .tab > div {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #526b83 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  float: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
  white-space: nowrap !important;
}

#dashboard .columnHeader .tab > div:hover {
  background: #eaf4ff !important;
  color: var(--stak-primary-dark) !important;
}

#dashboard .columnHeader .tab > div.active {
  background: var(--stak-primary) !important;
  box-shadow: 0 12px 28px rgba(51, 122, 183, 0.2) !important;
  color: #ffffff !important;
}

#dashboard .columnBody {
  background: #ffffff !important;
  padding: 16px !important;
}

#dashboard .column1Body.liveGridSection,
#dashboard .column1Body.taskAnalysisSection {
  background: #ffffff !important;
  margin: 0 !important;
  overflow: auto !important;
  width: 100% !important;
}

#dashboard .dropdownToggle {
  align-items: center !important;
  display: flex !important;
  float: none !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  position: relative !important;
}

#dashboard .dropdownToggle span,
#dashboard .dropdownToggle select,
#dashboard .optionPanel.taskAnalysisOption select {
  background: #f7fbff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 10px !important;
  color: #526b83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
}

#dashboard span.task-feed-active,
#dashboard .dropdownToggle span.task-feed-active {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
}

#dashboard .dropdownToggle .fa,
#dashboard .optionPanel.taskAnalysisOption .fa {
  align-items: center !important;
  background: #f7fbff !important;
  border: 1px solid #cdddeb !important;
  border-radius: 10px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  height: 34px !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 34px !important;
}

#dashboard .optionPanel.taskAnalysisOption {
  align-items: center !important;
  background: #f7fbff !important;
  border: 1px solid #dfeaf4 !important;
  border-radius: 14px !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin: 0 0 12px !important;
  padding: 10px !important;
  text-align: right !important;
}

#dashboard #livegrid.ag-fresh,
#dashboard .ag-fresh,
#dashboard #temperatureRecording.ag-fresh {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#dashboard .ag-fresh .ag-header,
#dashboard .ag-fresh .ag-header-container {
  background: #eef6ff !important;
  color: #20344c !important;
}

#dashboard .ag-fresh .ag-header-cell-text {
  color: #20344c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#dashboard .ag-fresh .ag-cell {
  color: #20344c !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#dashboard .charts.row,
#dashboard #all-location {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(27, 48, 70, 0.06) !important;
  margin: 0 !important;
  min-height: 360px !important;
  padding: 16px !important;
}

#dashboard #stackedBarCharts,
#dashboard #dynamic-charts {
  background: #fbfdff !important;
  border: 1px solid #e3edf6 !important;
  border-radius: 12px !important;
  margin: 0 0 14px !important;
  min-height: 220px !important;
  overflow: auto !important;
  padding: 10px !important;
}

#dashboard #all-location.task-graphs-modern {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#dashboard .task-graphs-summary-bar {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#dashboard .task-graphs-summary-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border: 1px solid #dbe8f3 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(27, 48, 70, 0.06) !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
}

#dashboard .task-graphs-summary-card span {
  color: #647b91 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  margin: 0 0 7px !important;
  text-transform: uppercase !important;
}

#dashboard .task-graphs-summary-card strong {
  color: #20344c !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#dashboard #all-location.task-graphs-modern #stackedBarCharts,
#dashboard #all-location.task-graphs-modern #dynamic-charts {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

#dashboard #all-location.task-graphs-modern > .task-graphs-summary-bar,
#dashboard #all-location.task-graphs-modern > .task-graph-card {
  text-align: left !important;
  width: 100% !important;
}

#dashboard .task-graph-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #dce9f4 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(27, 48, 70, 0.055) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 16px !important;
}

#dashboard .task-graph-card--overview {
  padding: 16px !important;
}

#dashboard .task-graph-store-card {
  padding: 14px !important;
}

#dashboard .task-graph-card__header {
  align-items: flex-start !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  margin: 0 0 12px !important;
}

#dashboard .task-graph-card__eyebrow {
  color: #647b91 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
}

#dashboard .task-graph-card h3 {
  color: #20344c !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#dashboard .task-graph-card__range,
#dashboard .task-graph-card__score {
  align-items: center !important;
  background: #edf6ff !important;
  border-radius: 999px !important;
  color: #2f6798 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

#dashboard .task-graph-card__score-group {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

#dashboard .task-graph-card__score--complete {
  background: #f5fbff !important;
  box-shadow: inset 0 0 0 1px #c7dff2 !important;
  color: #2f6798 !important;
}

#dashboard .task-graph-metric-key {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
}

#dashboard .task-graph-metric-key__item {
  align-items: center !important;
  color: #526b83 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  gap: 6px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .task-graph-metric-key__item::before {
  border-radius: 999px !important;
  content: "" !important;
  display: inline-block !important;
  height: 3px !important;
  width: 22px !important;
}

#dashboard .task-graph-metric-key__item--ontime::before {
  background: #36a66b !important;
}

#dashboard .task-graph-metric-key__item--complete::before {
  background: repeating-linear-gradient(
    90deg,
    #2f7dc1 0,
    #2f7dc1 7px,
    transparent 7px,
    transparent 12px
  ) !important;
}

#dashboard .task-graph-overview-list {
  width: 100% !important;
}

#dashboard .task-graph-chart-slot {
  min-height: 0 !important;
  position: relative !important;
  width: 100% !important;
}

#dashboard .task-graph-chart-slot--overview {
  height: 100% !important;
  min-height: 320px !important;
}

#dashboard .task-graph-chart-slot--comparison {
  height: 230px !important;
  min-height: 230px !important;
}

#dashboard .task-graph-chart-slot--store {
  height: 178px !important;
}

#dashboard .task-graph-chart-slot canvas {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

#dashboard .task-graphs-section-heading {
  color: #526b83 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin: 2px 0 -4px !important;
  text-transform: uppercase !important;
}

#dashboard #dynamic-charts.task-graphs-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

#dashboard .task-graphs-empty {
  align-items: center !important;
  background: #f7fbff !important;
  border: 1px dashed #c8dbea !important;
  border-radius: 14px !important;
  color: #526b83 !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  min-height: 220px !important;
  padding: 24px !important;
  text-align: center !important;
}

@media (min-width: 1280px) {
  #dashboard #dynamic-charts.task-graphs-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #dashboard .task-graphs-summary-bar,
  #dashboard #dynamic-charts.task-graphs-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dashboard .task-graph-card__header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #dashboard .task-graph-card__score-group {
    justify-content: flex-start !important;
  }
}

/* Modern task graph surface 20260611. */
#dashboard #dashboard-rhs.task-graphs-panel,
.task-graphs-page .task-graphs-shell {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(27, 48, 70, 0.08) !important;
  color: #20344c !important;
}

#dashboard #dashboard-rhs.task-graphs-panel {
  margin-left: 18px !important;
  overflow: visible !important;
  overflow-x: visible !important;
  padding: 14px !important;
}

.task-graphs-page .task-graphs-shell {
  margin: 0 !important;
  overflow: hidden !important;
  padding: 18px !important;
}

#dashboard .task-graphs-panel__header,
.task-graphs-page__header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 0 12px !important;
}

#dashboard .task-graphs-panel__eyebrow,
.task-graphs-page__eyebrow {
  color: #6f8397 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

#dashboard .task-graphs-panel__header h3,
.task-graphs-page__header h2 {
  color: #20344c !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 3px 0 0 !important;
}

.task-graphs-page__header h2 {
  font-size: 26px !important;
}

#dashboard .task-graphs-panel__mode,
.task-graphs-page__icon-button {
  align-items: center !important;
  background: #eff6fb !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 12px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  min-height: 36px !important;
  padding: 0 12px !important;
}

.task-graphs-page__icon-button {
  justify-content: center !important;
  width: 38px !important;
}

#dashboard #dashboard-rhs.task-graphs-panel > .options,
.task-graphs-page .task-graphs-controls {
  background: #f7fbff !important;
  border: 1px solid #dfeaf4 !important;
  border-radius: 14px !important;
  margin: 0 0 12px !important;
  padding: 9px !important;
}

#dashboard #dashboard-rhs.task-graphs-panel .reportPeriod,
.task-graphs-page .task-graphs-segmented {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

#dashboard #dashboard-rhs.task-graphs-panel .reportPeriod > div,
.task-graphs-page .task-graphs-segmented label,
.task-graphs-page .task-graphs-toggle label,
#dashboard .task-graphs-toggle label {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #526b83 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 32px !important;
  padding: 0 11px !important;
}

#dashboard #dashboard-rhs.task-graphs-panel .reportPeriod > div.active,
.task-graphs-page .task-graphs-segmented label.active,
.task-graphs-page .task-graphs-toggle label.active,
#dashboard .task-graphs-toggle label:has(input:checked) {
  background: var(--stak-primary) !important;
  color: #ffffff !important;
}

.task-graphs-page .task-graphs-segmented input,
.task-graphs-page .task-graphs-toggle input,
#dashboard .task-graphs-toggle input {
  height: 1px !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.task-graphs-page .task-graphs-date,
.task-graphs-page .task-graphs-toggle {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.task-graphs-page .datePickerInfo,
.task-graphs-page .countStyleTitle {
  color: #6f8397 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.task-graphs-page .datepicker > p.input-group {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: auto !important;
}

.task-graphs-page .datepicker > p.input-group button,
.task-graphs-page .datepicker > p.input-group .btn {
  background: #ffffff !important;
  border: 0 !important;
  color: var(--stak-primary-dark) !important;
  height: 36px !important;
  min-width: 36px !important;
}

.task-graphs-page .datepicker > p.input-group input.form-control {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #20344c !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  height: 36px !important;
  max-width: 112px !important;
  padding: 0 8px !important;
}

.task-graphs-page .task-graphs-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

.task-graphs-page .task-graph-card {
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%) !important;
  border: 1px solid #e1ebf4 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  min-height: 250px !important;
  overflow: hidden !important;
  padding: 12px !important;
}

.task-graphs-page .task-graph-card__title {
  color: #20344c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
}

#dashboard .task-graphs-toggle {
  align-items: center !important;
  display: inline-flex !important;
  gap: 5px !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#dashboard .task-graphs-toggle label {
  background: #f7fbff !important;
  min-height: 30px !important;
  padding: 0 10px !important;
}

#dashboard #performanceStackedColumnChart,
#dashboard #performancePieChart,
#dashboard #todayLineChart,
#dashboard #todayPieChart,
.task-graphs-page #performanceStackedColumnChart,
.task-graphs-page #performancePieChart {
  min-height: 240px !important;
  width: 100% !important;
}

@media (min-width: 980px) {
  .task-graphs-page .task-graphs-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr) !important;
  }
}

@media (max-width: 900px) {
  #dashboard #dashboard-rhs.task-graphs-panel {
    margin: 14px 0 0 !important;
  }

  .task-graphs-page__header h2 {
    font-size: 22px !important;
  }
}
/* End modern task graph surface 20260611. */

#dashboard .taskAnalysisSection table.table,
#dashboard .liveGridSection table.table {
  border: 1px solid #d7e5f1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#dashboard .ta_onTime,
.main-container.task-analysis .ta_onTime {
  background: #ecfdf3 !important;
  color: #14532d !important;
}

#dashboard .ta_early,
.main-container.task-analysis .ta_early {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

#dashboard .ta_late,
.main-container.task-analysis .ta_late {
  background: #fff7ed !important;
  color: #9a3412 !important;
}

#dashboard .ta_unfinished,
.main-container.task-analysis .ta_unfinished {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

#dashboard .ta_overdue,
.main-container.task-analysis .ta_overdue {
  background: #fff1f2 !important;
  color: #be123c !important;
}

#dashboard .tr_unfinished {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

#dashboard .tr_group {
  background: #eef6ff !important;
  color: #526b83 !important;
  font-weight: 800 !important;
}

#dashboard .temp_log_source_food_safety {
  color: var(--stak-primary-dark) !important;
  margin-left: 4px !important;
}

#email-report.email-report {
  background: transparent !important;
  padding: 18px 20px 28px !important;
}

#email-report .setup__body {
  padding: 0 !important;
}

#email-report .setup__body__section {
  background: #ffffff !important;
  border: 1px solid #d7e5f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(27, 48, 70, 0.08) !important;
  color: var(--settings-text) !important;
  padding: 20px !important;
}

#email-report .setup__body__section h2 {
  color: var(--settings-text) !important;
  font-weight: 850 !important;
}

@media (max-width: 900px) {
  #main > .container,
  #dashboard.dashboard,
  #email-report.email-report {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #main ul.reporting_submenu {
    width: 100% !important;
  }

  #dashboard .dashboardHeader {
    align-items: stretch !important;
  }

  #dashboard .dashboardHeader .left,
  #dashboard .dashboardHeader .right {
    width: 100% !important;
  }

  #dashboard .columnHeader .tab > div {
    font-size: 13px !important;
    padding: 0 12px !important;
  }
}
/* End reporting dashboard polish 20260610. */

/* Add New Site modal polish 20260610. */
.add-site-modal-window .modal-dialog,
.add-site-modal-window .modal-dialog.modal-sm {
  width: 620px !important;
  max-width: calc(100vw - 32px) !important;
  margin: 7vh auto 24px !important;
}

.add-site-modal-window .modal-content {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 80px rgba(16, 31, 48, 0.24), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
  overflow: hidden !important;
}


.add-site-modal {
  color: #1f3448 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  position: relative !important;
}

.add-site-modal button,
.add-site-modal input,
.add-site-modal select {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.add-site-modal__close {
  align-items: center !important;
  background: #f6f9fc !important;
  border: 1px solid #d8e4ef !important;
  border-radius: 50% !important;
  color: #38566f !important;
  display: flex !important;
  height: 42px !important;
  justify-content: center !important;
  position: absolute !important;
  right: 20px !important;
  top: 20px !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
  width: 42px !important;
  z-index: 2 !important;
}

.add-site-modal__close:hover,
.add-site-modal__close:focus {
  background: #eaf4ff !important;
  border-color: #a9cce9 !important;
  color: #1d5f98 !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.add-site-modal__header {
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  border-bottom: 1px solid #e3edf6 !important;
  padding: 34px 72px 24px 32px !important;
}

.add-site-modal__eyebrow {
  color: #1f75b6 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.add-site-modal__title,
.add-site-modal__owner-message h3 {
  color: #183047 !important;
  font-size: 32px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.add-site-modal__subtitle,
.add-site-modal__owner-message p {
  color: #6b7f91 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 12px 0 0 !important;
}

.add-site-modal__subtitle strong {
  color: #183047 !important;
  font-weight: 850 !important;
}

.add-site-modal__body {
  display: grid !important;
  gap: 18px !important;
  padding: 28px 32px 8px !important;
}

.add-site-modal__field {
  margin: 0 !important;
}

.add-site-modal__field label {
  color: #243d55 !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px !important;
}

.add-site-modal__field .form-control {
  background: #fbfdff !important;
  border: 1px solid #cbddeb !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(24, 48, 71, 0.04) !important;
  color: #1f3448 !important;
  font-size: 16px !important;
  height: 54px !important;
  line-height: 1.3 !important;
  padding: 0 16px !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

.add-site-modal__field select.form-control {
  cursor: pointer !important;
}

.add-site-modal__field .form-control::placeholder {
  color: #8a9cad !important;
}

.add-site-modal__field .form-control:hover {
  border-color: #accbe4 !important;
}

.add-site-modal__field .form-control:focus {
  background: #ffffff !important;
  border-color: #2f7fbd !important;
  box-shadow: 0 0 0 4px rgba(47, 127, 189, 0.14) !important;
  outline: none !important;
}

.add-site-modal__field.has-error .form-control {
  border-color: #d94c4c !important;
  box-shadow: 0 0 0 4px rgba(217, 76, 76, 0.12) !important;
}

.add-site-modal__field .help-block {
  color: #b42318 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 8px 0 0 !important;
}

.add-site-modal__footer {
  padding: 18px 32px 32px !important;
  text-align: center !important;
}

.add-site-modal__primary,
.add-site-modal__secondary {
  align-items: center !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  height: 54px !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.add-site-modal__primary {
  background: #1f75b6 !important;
  border: 1px solid #1f75b6 !important;
  box-shadow: 0 12px 24px rgba(31, 117, 182, 0.24) !important;
  color: #ffffff !important;
  width: 100% !important;
}

.add-site-modal__primary:hover,
.add-site-modal__primary:focus {
  background: #17679f !important;
  border-color: #17679f !important;
  box-shadow: 0 16px 28px rgba(31, 117, 182, 0.28) !important;
  color: #ffffff !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.add-site-modal__primary[disabled] {
  cursor: not-allowed !important;
  opacity: 0.72 !important;
  transform: none !important;
}

.add-site-modal__primary .fa {
  margin-right: 6px !important;
}

.add-site-modal__secondary {
  background: #ffffff !important;
  border: 1px solid #cbddeb !important;
  color: #1f75b6 !important;
  margin-top: 22px !important;
  padding: 0 22px !important;
}

.add-site-modal__secondary:hover,
.add-site-modal__secondary:focus {
  background: #f2f8fd !important;
  border-color: #a9cce9 !important;
  outline: none !important;
}

.add-site-modal__legal {
  color: #7a8ea0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 18px auto 0 !important;
  max-width: 430px !important;
}

.add-site-modal__legal a {
  color: #1f75b6 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.add-site-modal__legal a:hover,
.add-site-modal__legal a:focus {
  color: #165b91 !important;
  text-decoration: underline !important;
}

.add-site-modal__owner-message {
  padding: 44px 72px 40px 32px !important;
}

@media (max-width: 640px) {
  .add-site-modal-window .modal-dialog,
  .add-site-modal-window .modal-dialog.modal-sm {
    margin: 16px auto !important;
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
  }

  .add-site-modal__header,
  .add-site-modal__body,
  .add-site-modal__footer,
  .add-site-modal__owner-message {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .add-site-modal__header {
    padding-top: 28px !important;
  }

  .add-site-modal__title,
  .add-site-modal__owner-message h3 {
    font-size: 27px !important;
  }

  .add-site-modal__close {
    height: 38px !important;
    right: 14px !important;
    top: 14px !important;
    width: 38px !important;
  }
}
/* End Add New Site modal polish 20260610. */

/* iPad settings merge 20260610. */
.settings-admin-page--site .settings__body__section--ipad {
  min-height: 100% !important;
}

.settings-admin-page--site .settings-ipad-tasking {
  border-top: 1px solid #e2edf6 !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
}

.settings-admin-page--site .settings-ipad-tasking__title {
  color: #526b83 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
}

.settings-admin-page--site .settings-ipad-tasking .settings__body__form {
  margin: 0 !important;
}
/* End iPad settings merge 20260610. */

/* Settings sidebar cleanup 20260610. */
.settings-admin-page .settings-admin-sidebar__header {
  display: none !important;
}

.settings-admin-page .settings-admin-sidebar__item small {
  display: none !important;
}

.settings-admin-page .settings-admin-sidebar__item {
  min-height: 74px !important;
}

.settings-admin-page .settings-admin-sidebar__item span {
  align-items: center !important;
  display: flex !important;
}
/* End settings sidebar cleanup 20260610. */

/* Site settings identity header and rename dialog 20260610. */
.settings-admin-page .settings-admin-sidebar__item strong {
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.settings-admin-page--site .settings-admin-content::before {
  content: none !important;
  display: none !important;
}

.settings-site-identity {
  margin: 0 0 18px !important;
  width: 100% !important;
}

.settings-site-identity__main {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.settings-site-identity__name {
  color: var(--settings-text, #1b3045) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

.settings-site-identity__edit {
  align-items: center !important;
  background: #edf6ff !important;
  border: 1px solid #c9e0f3 !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark, #286090) !important;
  display: inline-flex !important;
  height: 36px !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease !important;
  width: 36px !important;
}

.settings-site-identity__edit:hover,
.settings-site-identity__edit:focus {
  background: #dff0ff !important;
  border-color: #9fc8e9 !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.settings-site-identity__id {
  align-items: center !important;
  background: #f5f9fd !important;
  border: 1px solid #d8e6f2 !important;
  border-radius: 999px !important;
  color: #526b83 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  min-height: 32px !important;
  padding: 0 12px !important;
}

.site-name-modal-window .modal-dialog,
.site-name-modal-window .modal-dialog.modal-sm {
  max-width: 430px !important;
  width: min(430px, calc(100vw - 28px)) !important;
}

.site-name-modal-window .modal-content {
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 70px rgba(13, 33, 53, 0.28) !important;
  overflow: hidden !important;
}

.site-name-modal {
  background: #ffffff !important;
  color: #1b3045 !important;
  position: relative !important;
}

.site-name-modal__close {
  align-items: center !important;
  background: #f3f8fc !important;
  border: 1px solid #d8e6f2 !important;
  border-radius: 999px !important;
  color: #526b83 !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  padding: 0 !important;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 34px !important;
}

.site-name-modal__header,
.site-name-modal__body,
.site-name-modal__footer {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.site-name-modal__header {
  background: linear-gradient(180deg, #f7fbff 0%, #eef6fd 100%) !important;
  border-bottom: 1px solid #e0edf7 !important;
  padding-bottom: 20px !important;
  padding-top: 24px !important;
}

.site-name-modal__eyebrow {
  color: var(--stak-primary-dark, #286090) !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.site-name-modal__title {
  color: #1b3045 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.site-name-modal__body {
  padding-bottom: 22px !important;
  padding-top: 22px !important;
}

.site-name-modal__body label {
  color: #526b83 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin: 0 0 8px !important;
}

.site-name-modal__input {
  border: 1px solid #cdddeb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #1b3045 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  height: 48px !important;
  padding: 0 14px !important;
}

.site-name-modal__input:focus {
  border-color: #7fb4dd !important;
  box-shadow: 0 0 0 4px rgba(51, 122, 183, 0.13) !important;
  outline: none !important;
}

.site-name-modal__error {
  color: #b42318 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  margin-top: 7px !important;
}

.site-name-modal__footer {
  align-items: center !important;
  border-top: 1px solid #eef3f8 !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding-bottom: 18px !important;
  padding-top: 16px !important;
}

.site-name-modal__secondary,
.site-name-modal__primary {
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  height: 42px !important;
  padding: 0 18px !important;
}

.site-name-modal__secondary {
  background: #ffffff !important;
  border: 1px solid #cdddeb !important;
  color: #526b83 !important;
}

.site-name-modal__primary {
  background: var(--stak-primary, #337ab7) !important;
  border: 1px solid var(--stak-primary, #337ab7) !important;
  color: #ffffff !important;
}
/* End site settings identity header and rename dialog 20260610. */


/* Schedule control simplification 20260610. */
.schedule-admin-page .section-header.schedule::after {
  content: none !important;
  display: none !important;
}

.schedule-admin-page .section-header.schedule {
  padding-right: 22px !important;
}

.schedule-admin-page .schedule-mode-bar--header {
  margin-left: 0 !important;
  position: static !important;
  transform: none !important;
}

.schedule-admin-page .schedule-mode-bar--header .schedule-mode-tabs {
  box-shadow: none !important;
}

.schedule-admin-page .schedule-day-navigator {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #d4e2ef !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 4px !important;
}

.schedule-admin-page .schedule-day-arrow {
  align-items: center !important;
  background: #eef6fd !important;
  border: 1px solid #d4e2ef !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 30px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 30px !important;
}

.schedule-admin-page .schedule-day-arrow:hover,
.schedule-admin-page .schedule-day-arrow:focus {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
  outline: none !important;
}

.schedule-admin-page .schedule-current-day {
  color: #20344c !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  justify-content: center !important;
  min-width: 108px !important;
  padding: 0 4px !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .section-header.schedule {
    padding-right: 18px !important;
  }

  .schedule-admin-page .schedule-mode-bar--header {
    margin-left: 0 !important;
    width: auto !important;
  }

  .schedule-admin-page .schedule-day-navigator {
    width: 100% !important;
  }
}
/* End schedule control simplification 20260610. */

/* Header logout and settings sidebar refinements 20260610. */
header .dropdown-menu.stak-header-menu > li.stak-header-menu__logout {
  background: #f7fbff !important;
  border-top: 1px solid #e3edf5 !important;
  margin-top: 0 !important;
  padding: 10px 14px !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__logout > a {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e1ebf4 !important;
  border-radius: 10px !important;
  color: #245f95 !important;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  justify-content: flex-start !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  width: 100% !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__logout > a:hover {
  background: #eef6fd !important;
  border-color: #c6dced !important;
  box-shadow: none !important;
  color: #174a74 !important;
}

.settings-admin-page .settings-admin-sidebar {
  padding: 10px !important;
}

.settings-admin-page .settings-admin-sidebar__nav {
  gap: 6px !important;
}

.settings-admin-page .settings-admin-sidebar__item {
  border-radius: 10px !important;
  gap: 10px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-height: 56px !important;
  padding: 8px 10px !important;
}

.settings-admin-page .settings-admin-sidebar__item .fa {
  border-radius: 9px !important;
  font-size: 14px !important;
  height: 34px !important;
  width: 34px !important;
}

.settings-admin-page .settings-admin-sidebar__item strong {
  font-size: 17px !important;
  line-height: 1.1 !important;
}

.settings-site-identity__edit {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--stak-primary, #337ab7) !important;
  height: auto !important;
  padding: 3px !important;
  width: auto !important;
}

.settings-site-identity__edit:hover,
.settings-site-identity__edit:focus {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--stak-primary-dark, #286090) !important;
  transform: none !important;
}

.settings-site-identity__edit .fa {
  font-size: 19px !important;
}
/* End header logout and settings sidebar refinements 20260610. */


/* Schedule header single-row controls 20260610. */
.schedule-admin-page .section-header.schedule {
  gap: 14px !important;
  min-height: 78px !important;
  padding-left: 24px !important;
  padding-bottom: 18px !important;
  padding-right: 24px !important;
  padding-top: 18px !important;
}

.schedule-admin-page .section-header.schedule::before {
  content: none !important;
  display: none !important;
}

.schedule-admin-page .schedule-mode-bar--header {
  flex: 0 0 auto !important;
}

.schedule-admin-page .schedule-day-navigator--header {
  flex: 0 0 auto !important;
}

.schedule-admin-page .schedule-header-actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 12px !important;
  margin-left: auto !important;
}

.schedule-admin-page .panel-body {
  padding-top: 18px !important;
}

.schedule-admin-page .panel-body.schedule-panel-body--monthly {
  padding-top: 0 !important;
}

.schedule-admin-page .panel.panel-default.schedule > .panel-body {
  padding: 0 !important;
}

.schedule-admin-page .schedule-form-group > .schedule-controls-row {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-toolbar {
  margin-bottom: 12px !important;
}

.schedule-admin-page .section-header.schedule #schedule-copy {
  margin-top: 0 !important;
}

.schedule-admin-page .section-header.schedule #schedule-copy a {
  border: 0 !important;
  gap: 7px !important;
  margin-left: 0 !important;
}

.schedule-admin-page .section-header.schedule #schedule-copy .fa,
.schedule-admin-page .section-header.schedule #schedule-copy span {
  color: var(--stak-primary-dark) !important;
}

@media (max-width: 900px) {
  .schedule-admin-page .section-header.schedule {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    padding-bottom: 14px !important;
    padding-top: 14px !important;
  }

  .schedule-admin-page .schedule-header-actions {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-day-navigator--header,
  .schedule-admin-page .schedule-header-actions,
  .schedule-admin-page .section-header.schedule #schedule-copy,
  .schedule-admin-page .section-header.schedule #schedule-copy a {
    width: 100% !important;
  }

  .schedule-admin-page .schedule-header-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}
/* End schedule header single-row controls 20260610. */

/* Header account logout confirmation 20260610. */
header .dropdown-menu.stak-header-menu > li.stak-header-menu__account {
  background: #f5f9fd !important;
  border-top: 1px solid #d8e8f5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__account > span {
  align-items: flex-start !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 16px 22px 18px !important;
}

header .dropdown-menu.stak-header-menu .stak-header-menu__account small,
header .dropdown-menu.stak-header-menu > li.stak-header-menu__logout {
  display: none !important;
}

header .dropdown-menu.stak-header-menu .stak-header-menu__account strong {
  color: #1d344d !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

header .stak-header-menu__logout-action {
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #286090 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font: inherit !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

header .stak-header-menu__logout-action:hover,
header .stak-header-menu__logout-action:focus {
  color: #1b4f82 !important;
  outline: none !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.logout-confirm-modal-window .modal-dialog {
  margin-top: 18vh !important;
  width: min(420px, calc(100vw - 32px)) !important;
}

.logout-confirm-modal-window .modal-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.logout-confirm-modal {
  background: #ffffff !important;
  border: 1px solid #d7e7f5 !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(21, 55, 84, 0.24) !important;
  color: #1d344d !important;
  padding: 26px !important;
  position: relative !important;
}

.logout-confirm-modal__close {
  align-items: center !important;
  appearance: none !important;
  background: #f3f8fd !important;
  border: 1px solid #d7e7f5 !important;
  border-radius: 999px !important;
  color: #286090 !important;
  cursor: pointer !important;
  display: flex !important;
  height: 36px !important;
  justify-content: center !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 36px !important;
}

.logout-confirm-modal__body {
  padding-right: 42px !important;
}

.logout-confirm-modal__eyebrow {
  color: #2d7dbd !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.logout-confirm-modal h3 {
  color: #1d344d !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin: 0 0 10px !important;
}

.logout-confirm-modal p {
  color: #657b91 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.logout-confirm-modal__actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  margin-top: 26px !important;
}

.logout-confirm-modal__button {
  appearance: none !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  min-height: 46px !important;
  padding: 0 22px !important;
}

.logout-confirm-modal__button--secondary {
  background: #ffffff !important;
  border: 1px solid #cfe1f1 !important;
  color: #286090 !important;
}

.logout-confirm-modal__button--primary {
  background: #dc2626 !important;
  border: 1px solid #b91c1c !important;
  color: #ffffff !important;
  box-shadow: 0 12px 22px rgba(220, 38, 38, 0.22) !important;
}

.logout-confirm-modal__button--primary:hover,
.logout-confirm-modal__button--primary:focus {
  background: #b91c1c !important;
  border-color: #991b1b !important;
  color: #ffffff !important;
  outline: none !important;
}

@media (max-width: 640px) {
  .logout-confirm-modal-window .modal-dialog {
    margin-top: 24vh !important;
  }

  .logout-confirm-modal {
    padding: 22px !important;
  }

  .logout-confirm-modal__actions {
    align-items: stretch !important;
    flex-direction: column-reverse !important;
  }

  .logout-confirm-modal__button {
    width: 100% !important;
  }
}
/* End header account logout confirmation 20260610. */

/* Header account dropdown scale tune 20260610. */
header .dropdown-menu.stak-header-menu > li.stak-header-menu__divider {
  border-top: 1px solid #dbe9f4 !important;
  height: 1px !important;
  margin: 0 !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__account {
  border-top: 0 !important;
}

header .dropdown-menu.stak-header-menu > li.stak-header-menu__account > span {
  gap: 5px !important;
  padding: 14px 22px 16px !important;
}

header .dropdown-menu.stak-header-menu .stak-header-menu__account strong {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

header .stak-header-menu__logout-action {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
/* End header account dropdown scale tune 20260610. */

/* Header dropdown menu icons 20260611. */
header .dropdown-menu.stak-header-menu > li > a {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
}

header .dropdown-menu.stak-header-menu > li > a > span {
  min-width: 0 !important;
}

header .stak-header-menu__site-icon,
header .stak-header-menu__logout-icon {
  align-items: center !important;
  color: #2f7fbd !important;
  display: inline-flex !important;
  flex: 0 0 18px !important;
  font-size: 15px !important;
  justify-content: center !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
  width: 18px !important;
}

header .stak-header-menu__logout-action {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
}

header .stak-header-menu__logout-icon {
  color: #286090 !important;
  font-size: 14px !important;
}
/* End header dropdown menu icons 20260611. */


/* Schedule monthly date in header 20260610. */
.schedule-admin-page .schedule-monthly-date--header {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-monthly-date--header label {
  color: #60778d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.schedule-admin-page .schedule-monthly-date--header select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #eaf4fc !important;
  background-image: linear-gradient(45deg, transparent 50%, #2f6fa7 50%), linear-gradient(135deg, #2f6fa7 50%, transparent 50%) !important;
  background-position: calc(100% - 16px) 18px, calc(100% - 11px) 18px !important;
  background-repeat: no-repeat !important;
  background-size: 5px 5px, 5px 5px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #173650 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 42px !important;
  min-height: 42px !important;
  min-width: 78px !important;
  padding: 0 34px 0 18px !important;
}

.schedule-admin-page .schedule-monthly-date--header select:hover {
  background-color: #e4f0fa !important;
}

.schedule-admin-page .schedule-monthly-date--header select:focus {
  box-shadow: 0 0 0 3px rgba(47, 111, 167, 0.18) !important;
  outline: none !important;
}

.schedule-admin-page .schedule-toolbar--monthly {
  border: 0 !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.schedule-admin-page #schedule-monthly-date.schedule-monthly-date--header {
  align-items: center !important;
  background: #edf6ff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 4px 5px 4px 12px !important;
}

.schedule-admin-page #schedule-monthly-date.schedule-monthly-date--header label {
  color: #42617c !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.schedule-admin-page #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(45deg, transparent 50%, #2f7fbd 50%), linear-gradient(135deg, #2f7fbd 50%, transparent 50%) !important;
  background-position: calc(100% - 12px) 12px, calc(100% - 8px) 12px !important;
  background-repeat: no-repeat !important;
  background-size: 4px 4px, 4px 4px !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #2f6fa7 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  height: 28px !important;
  line-height: 28px !important;
  min-height: 28px !important;
  min-width: 52px !important;
  padding: 0 22px 0 11px !important;
}

.schedule-admin-page #schedule-monthly-date.schedule-monthly-date--header select.input-sm:hover {
  background-color: #f8fbff !important;
}

.schedule-admin-page #schedule-monthly-date.schedule-monthly-date--header select.input-sm:focus {
  box-shadow: 0 0 0 3px rgba(47, 127, 189, 0.12) !important;
  outline: none !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-monthly-date--header {
    width: 100% !important;
  }
}
/* End schedule monthly date in header 20260610. */


/* Schedule row compact actions 20260610. */
.schedule-admin-page table.schedule_daily_tasking .schedule-options-heading {
  text-align: left !important;
}

.schedule-admin-page table.schedule_daily_tasking .schedule-options-heading span {
  display: inline-flex !important;
  justify-content: center !important;
  margin-left: 88px !important;
  white-space: nowrap !important;
  width: 40px !important;
}

.schedule-admin-page table.schedule_daily_tasking .schedule-actions-cell {
  overflow: visible !important;
  position: relative !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.schedule-admin-page .schedule-row-actions {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-height: 44px !important;
  position: relative !important;
  vertical-align: middle !important;
  width: 128px !important;
}

.schedule-admin-page .schedule-row-actions__status {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--stak-primary-dark) !important;
  display: inline-flex !important;
  height: 40px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  right: 48px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  vertical-align: middle !important;
  width: 32px !important;
  z-index: 1 !important;
}

.schedule-admin-page .schedule-row-actions__status:first-child:nth-last-child(4) {
  right: 82px !important;
}

.schedule-admin-page .schedule-row-actions__status + .schedule-row-actions__status {
  right: 48px !important;
}

.schedule-admin-page .schedule-row-actions__trigger {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #c8dcee !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: var(--stak-primary-dark) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  height: 40px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  vertical-align: middle !important;
  width: 40px !important;
  z-index: 2 !important;
}

.schedule-admin-page .schedule-row-actions__status .fa,
.schedule-admin-page .schedule-row-actions__trigger .fa {
  display: block !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.schedule-admin-page .schedule-row-actions__trigger:hover,
.schedule-admin-page .schedule-row-actions__trigger:focus,
.schedule-admin-page .schedule-row-actions.is-open .schedule-row-actions__trigger {
  background: var(--stak-primary) !important;
  border-color: var(--stak-primary) !important;
  color: #ffffff !important;
  outline: none !important;
}

.schedule-admin-page .schedule-row-actions__trigger:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

.schedule-admin-page .schedule-row-actions__menu {
  background: #ffffff !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(32, 52, 76, 0.18) !important;
  min-width: 230px !important;
  padding: 8px !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  z-index: 30 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr:nth-last-child(-n+3) .schedule-row-actions__menu {
  bottom: calc(100% + 8px) !important;
  top: auto !important;
}

.schedule-admin-page .schedule-row-actions__item {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #20344c !important;
  cursor: pointer !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 10px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  text-align: left !important;
  width: 100% !important;
}

.schedule-admin-page .schedule-row-actions__item:hover,
.schedule-admin-page .schedule-row-actions__item:focus-within {
  background: #eef6fd !important;
}

.schedule-admin-page .schedule-row-actions__item input[type="checkbox"] {
  accent-color: var(--stak-primary) !important;
  flex: 0 0 auto !important;
  height: 16px !important;
  margin: 0 !important;
  width: 16px !important;
}

.schedule-admin-page .schedule-row-actions__item span {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
}

.schedule-admin-page .schedule-row-actions__item--danger {
  color: #b42318 !important;
}

.schedule-admin-page .schedule-row-actions__item--danger:hover {
  background: #fff4f4 !important;
}
/* End schedule row compact actions 20260610. */

/* Schedule copy modal polish 20260611. */
.modal-content .schedule-copy-modal {
  background: #ffffff !important;
  border-radius: 16px !important;
  color: #1f3347 !important;
  overflow: hidden !important;
}

.modal-content .schedule-copy-modal__header {
  align-items: flex-start !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-bottom: 1px solid #dce8f1 !important;
  display: flex !important;
  padding: 24px 28px 20px !important;
}

.modal-content .schedule-copy-modal__heading {
  width: 100% !important;
}

.modal-content .schedule-copy-modal__title {
  color: #1c3146 !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.modal-content .schedule-copy-modal__subtitle {
  color: #637a90 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  margin: 6px 0 0 !important;
}

.modal-content .schedule-copy-modal__body {
  padding: 24px 28px 18px !important;
}

.modal-content .schedule-copy-modal__content,
.modal-content .schedule-copy-modal__field {
  margin: 0 !important;
}

.modal-content .schedule-copy-modal__field label {
  color: #42617c !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

.modal-content .schedule-copy-modal__field select.form-control {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #f8fbff !important;
  background-image: linear-gradient(45deg, transparent 50%, #2f6fa7 50%), linear-gradient(135deg, #2f6fa7 50%, transparent 50%) !important;
  background-position: calc(100% - 20px) 22px, calc(100% - 14px) 22px !important;
  background-repeat: no-repeat !important;
  background-size: 6px 6px, 6px 6px !important;
  border: 1px solid #c8dcee !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #1f3347 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 44px 0 16px !important;
}

.modal-content .schedule-copy-modal__field select.form-control:hover {
  background-color: #ffffff !important;
  border-color: #9fc8e8 !important;
}

.modal-content .schedule-copy-modal__field select.form-control:focus {
  background-color: #ffffff !important;
  border-color: #2f7fbd !important;
  box-shadow: 0 0 0 3px rgba(47, 127, 189, 0.14) !important;
  outline: none !important;
}

.modal-content .schedule-copy-modal__alert {
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
}

.modal-content .schedule-copy-modal__footer {
  align-items: center !important;
  background: #ffffff !important;
  border-top: 1px solid #e6eef5 !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding: 18px 28px 24px !important;
}

.modal-content .schedule-copy-modal__button {
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  min-height: 40px !important;
  min-width: 92px !important;
  padding: 0 18px !important;
}

.modal-content .schedule-copy-modal__button--secondary {
  background: #f3f8fc !important;
  border: 1px solid #d8e6f2 !important;
  color: #42617c !important;
}

.modal-content .schedule-copy-modal__button--secondary:hover,
.modal-content .schedule-copy-modal__button--secondary:focus {
  background: #ffffff !important;
  border-color: #b8d3e8 !important;
  color: #1f3347 !important;
  outline: none !important;
}

.modal-content .schedule-copy-modal__button--primary {
  background: #2f7fbd !important;
  border: 1px solid #2f7fbd !important;
  color: #ffffff !important;
}

.modal-content .schedule-copy-modal__button--primary:hover,
.modal-content .schedule-copy-modal__button--primary:focus {
  background: #2b74ad !important;
  border-color: #2b74ad !important;
  color: #ffffff !important;
  outline: none !important;
}

.modal-content .schedule-copy-modal__button--confirm {
  background: #c92a2a !important;
  border-color: #c92a2a !important;
  color: #ffffff !important;
}

.modal-content .schedule-copy-modal__button--confirm:hover,
.modal-content .schedule-copy-modal__button--confirm:focus {
  background: #a61e1e !important;
  border-color: #a61e1e !important;
  color: #ffffff !important;
  outline: none !important;
}

.modal-content .schedule-copy-modal__button--primary[disabled] {
  background: #b8d4ea !important;
  border-color: #b8d4ea !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
/* End schedule copy modal polish 20260611. */

/* Schedule page top controls polish 20260611. */
.schedule-admin-page .schedule-day-navigator--header {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-day-navigator--header::before {
  content: none !important;
  display: none !important;
}

.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow {
  background: #eef6fd !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  color: #2f6fa7 !important;
  height: 34px !important;
  transition: background-color 0.14s ease, box-shadow 0.14s ease, color 0.14s ease, transform 0.14s ease !important;
  width: 34px !important;
}

.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow .fa {
  font-size: 13px !important;
  font-weight: 900 !important;
}

@media (hover: hover) and (pointer: fine) {
  .schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow:hover:not(.is-pressed) {
    background: #e4f0fa !important;
    box-shadow: none !important;
    color: #2f6fa7 !important;
    outline: none !important;
    transform: none !important;
  }
}

.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow:focus {
  background: #e4f0fa !important;
  box-shadow: none !important;
  color: #2f6fa7 !important;
  outline: none !important;
  transform: none !important;
}

.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow:active,
.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow.is-pressed {
  background: #2f7fbd !important;
  box-shadow: 0 5px 10px rgba(47, 127, 189, 0.18) !important;
  color: #ffffff !important;
  outline: none !important;
  transform: scale(0.95) !important;
}

.schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow:focus-visible {
  box-shadow: 0 0 0 3px rgba(47, 111, 167, 0.18) !important;
}

.schedule-admin-page .schedule-day-navigator--header .schedule-current-day {
  align-items: center !important;
  background: #edf6ff !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #173650 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 34px !important;
  min-width: 132px !important;
  padding: 0 18px !important;
  text-shadow: none !important;
}

.schedule-admin-page .section-header.schedule #schedule-copy a {
  background: #eef6fd !important;
  border: 1px solid #c3dced !important;
  border-radius: 999px !important;
  color: var(--stak-primary-dark, #286090) !important;
  min-height: 38px !important;
  padding: 0 13px !important;
}

.schedule-admin-page .section-header.schedule #schedule-copy a:hover,
.schedule-admin-page .section-header.schedule #schedule-copy a:focus {
  background: #ffffff !important;
  border-color: var(--stak-primary, #337ab7) !important;
  box-shadow: 0 6px 16px rgba(51, 122, 183, 0.14) !important;
  outline: none !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td,
.schedule-admin-page table.schedule_daily_tasking th {
  background: #3f7fb6 !important;
  border-bottom: 1px solid #2d6da2 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding-bottom: 11px !important;
  padding-top: 11px !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td span,
.schedule-admin-page table.schedule_daily_tasking th span,
.schedule-admin-page table.schedule_daily_tasking thead tr td .fa,
.schedule-admin-page table.schedule_daily_tasking th .fa {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-day-navigator--header::before {
    display: none !important;
  }

  .schedule-admin-page .schedule-day-navigator--header .schedule-current-day {
    min-width: 0 !important;
    width: 100% !important;
  }
}
/* End schedule page top controls polish 20260611. */

/* Header menu flat hover and logout treatment 20260611. */
header .header-store-switcher .header-dropdown-trigger,
header .header-store-switcher.open .header-dropdown-trigger,
header .header-store-switcher:hover .header-dropdown-trigger,
header .header-store-switcher .header-dropdown-trigger:hover,
header .header-store-switcher .header-dropdown-trigger:focus {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

header .dropdown-menu.stak-header-menu > li:not(.stak-header-menu__account):hover > a,
header .dropdown-menu.stak-header-menu > li:not(.stak-header-menu__account) > a:hover,
header .dropdown-menu.stak-header-menu > li:not(.stak-header-menu__account) > a:focus {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #174a74 !important;
  outline: none !important;
}

header .stak-header-menu__account button.stak-header-menu__logout-action,
header .stak-header-menu__account button.stak-header-menu__logout-action:hover,
header .stak-header-menu__account button.stak-header-menu__logout-action:focus,
header .dropdown-menu.stak-header-menu .stak-header-menu__account button.stak-header-menu__logout-action,
header .dropdown-menu.stak-header-menu .stak-header-menu__account button.stak-header-menu__logout-action:hover,
header .dropdown-menu.stak-header-menu .stak-header-menu__account button.stak-header-menu__logout-action:focus {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #286090 !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

header .stak-header-menu__account button.stak-header-menu__logout-action:hover span,
header .stak-header-menu__account button.stak-header-menu__logout-action:focus span {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
/* End header menu flat hover and logout treatment 20260611. */

/* Header site dropdown hover polish 20260611. */
header .dropdown-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) {
  margin: 2px 10px !important;
}

header .dropdown-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a {
  align-items: center !important;
  background: transparent !important;
  border-radius: 999px !important;
  display: flex !important;
  gap: 6px !important;
  padding: 10px 12px !important;
  transition: background-color 140ms ease, color 140ms ease !important;
}

header .dropdown-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account):hover > a,
header .dropdown-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:hover,
header .dropdown-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:focus {
  background: #eaf4fd !important;
  box-shadow: none !important;
  color: #174a74 !important;
  outline: none !important;
}

header .dropdown-menu.stak-header-menu--stores .stak-header-menu__site-icon {
  flex-basis: 16px !important;
  font-size: 14px !important;
  width: 16px !important;
}

header .dropdown-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action {
  align-items: center !important;
  background: transparent !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  gap: 7px !important;
  margin-left: -8px !important;
  padding: 7px 10px !important;
  transition: background-color 140ms ease, color 140ms ease !important;
}

header .dropdown-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:hover,
header .dropdown-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:focus {
  background: #eaf4fd !important;
  color: #174a74 !important;
  outline: none !important;
  text-decoration: none !important;
}

header .dropdown-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:hover span,
header .dropdown-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:focus span {
  text-decoration: none !important;
}
/* End header site dropdown hover polish 20260611. */

/* Header current-site pill hover 20260611. */
header .header-store-switcher .header-dropdown-trigger {
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  transition: background-color 140ms ease, color 140ms ease !important;
}

header .header-store-switcher:hover .header-dropdown-trigger,
header .header-store-switcher.open .header-dropdown-trigger,
header .header-store-switcher .header-dropdown-trigger:hover,
header .header-store-switcher .header-dropdown-trigger:focus {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  outline: none !important;
}
/* End header current-site pill hover 20260611. */

/* Header store dropdown definitive row layout 20260611. */
header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) {
  margin: 3px 12px !important;
  overflow: visible !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a {
  align-items: center !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #286090 !important;
  column-gap: 8px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  justify-content: start !important;
  line-height: 1.2 !important;
  padding: 10px 14px !important;
  transition: background-color 140ms ease, color 140ms ease !important;
  width: 100% !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account):hover > a,
header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:hover,
header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:focus {
  background: #eaf4fd !important;
  box-shadow: none !important;
  color: #174a74 !important;
  outline: none !important;
  transform: none !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a > .stak-header-menu__site-icon {
  background: transparent !important;
  color: #2f6fa6 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a > span {
  background: transparent !important;
  color: inherit !important;
  display: inline !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores > li.stak-header-menu__account > span {
  background: #f5f9fd !important;
  padding: 16px 22px 18px !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action {
  align-items: center !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #286090 !important;
  column-gap: 8px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  justify-content: start !important;
  margin: 5px 0 0 -10px !important;
  padding: 8px 10px !important;
  text-align: left !important;
  transition: background-color 140ms ease, color 140ms ease !important;
  width: 100% !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:hover,
header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:focus {
  background: #eaf4fd !important;
  box-shadow: none !important;
  color: #174a74 !important;
  outline: none !important;
  text-decoration: none !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action .stak-header-menu__logout-icon,
header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action span {
  background: transparent !important;
  color: inherit !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  width: auto !important;
}

header .dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action .stak-header-menu__logout-icon {
  font-size: 14px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 18px !important;
}
/* End header store dropdown definitive row layout 20260611. */

@media all and (max-width: 991px) {
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores {
    background: #ffffff !important;
    border: 1px solid rgba(13, 33, 53, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(13, 33, 53, 0.2) !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    padding: 8px 0 !important;
    position: static !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) {
    background: transparent !important;
    margin: 3px 12px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a {
    align-items: center !important;
    background: transparent !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #286090 !important;
    column-gap: 8px !important;
    display: grid !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    justify-content: start !important;
    line-height: 1.2 !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    text-align: left !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account):hover > a,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:hover,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a:focus {
    background: #eaf4fd !important;
    color: #174a74 !important;
    outline: none !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__site-icon,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__logout-icon {
    background: transparent !important;
    color: #2f6fa6 !important;
    display: inline-flex !important;
    font-size: 14px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 18px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li > a > span,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account span,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account strong {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li.stak-header-menu__divider {
    background: #dbe7f1 !important;
    display: block !important;
    height: 1px !important;
    margin: 8px 0 0 !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores > li.stak-header-menu__account > span {
    background: #f5f9fd !important;
    box-sizing: border-box !important;
    color: #19324a !important;
    display: block !important;
    padding: 14px 24px 16px !important;
    width: 100% !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account strong {
    color: #19324a !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #286090 !important;
    column-gap: 8px !important;
    display: grid !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    justify-content: start !important;
    margin: 0 0 0 -10px !important;
    padding: 9px 10px !important;
    text-align: left !important;
    width: calc(100% + 10px) !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:hover,
  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--stores .stak-header-menu__account button.stak-header-menu__logout-action:focus {
    background: #eaf4fd !important;
    color: #174a74 !important;
    outline: none !important;
  }
}

/* Store switch confirmation modal 20260611. */
.store-modal .modal-dialog,
.store-modal .modal-dialog.modal-sm,
.store-modal .modal-dialog.modal-md {
  margin-top: 14vh !important;
  max-width: calc(100vw - 32px) !important;
  width: 520px !important;
}

.store-modal .modal-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.store-switch-modal {
  background: #ffffff !important;
  border: 1px solid #d4e5f4 !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(21, 55, 84, 0.26) !important;
  color: #1d344d !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

.store-switch-modal__close {
  align-items: center !important;
  appearance: none !important;
  background: #f2f8fd !important;
  border: 1px solid #d4e5f4 !important;
  border-radius: 999px !important;
  color: #286090 !important;
  cursor: pointer !important;
  display: flex !important;
  height: 36px !important;
  justify-content: center !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  width: 36px !important;
  z-index: 2 !important;
}

.store-switch-modal__close:hover,
.store-switch-modal__close:focus {
  background: #e7f2fb !important;
  color: #174a74 !important;
  outline: none !important;
}

.store-switch-modal__header {
  background: linear-gradient(180deg, #f8fbfe 0%, #ffffff 100%) !important;
  padding: 30px 64px 24px 30px !important;
}

.store-switch-modal__eyebrow {
  color: #2f7fbd !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.store-switch-modal h3 {
  color: #1d344d !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  margin: 0 0 10px !important;
}

.store-switch-modal p {
  color: #627990 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.store-switch-modal__actions {
  align-items: center !important;
  background: #f5f9fd !important;
  border-top: 1px solid #dbe9f4 !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  padding: 18px 22px !important;
}

.store-switch-modal__button {
  align-items: center !important;
  appearance: none !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  gap: 9px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 46px !important;
  padding: 0 22px !important;
}

.store-switch-modal__button--secondary {
  background: #ffffff !important;
  border: 1px solid #cfe1f1 !important;
  color: #286090 !important;
}

.store-switch-modal__button--secondary:hover,
.store-switch-modal__button--secondary:focus {
  background: #eaf4fd !important;
  outline: none !important;
}

.store-switch-modal__button--primary {
  background: #2f7fbd !important;
  border: 1px solid #2a73ad !important;
  box-shadow: 0 12px 22px rgba(47, 127, 189, 0.22) !important;
  color: #ffffff !important;
}

.store-switch-modal__button--primary:hover,
.store-switch-modal__button--primary:focus {
  background: #286fa8 !important;
  outline: none !important;
}

.store-switch-modal__button:disabled,
.store-switch-modal__button[disabled],
.store-switch-modal__close:disabled,
.store-switch-modal__close[disabled] {
  cursor: wait !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.store-switch-modal__button--primary:disabled,
.store-switch-modal__button--primary[disabled] {
  background: #286fa8 !important;
  border-color: #286fa8 !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .store-modal .modal-dialog,
  .store-modal .modal-dialog.modal-sm,
  .store-modal .modal-dialog.modal-md {
    margin-top: 16vh !important;
    width: calc(100vw - 28px) !important;
  }

  .store-switch-modal__header {
    padding: 26px 58px 22px 24px !important;
  }

  .store-switch-modal__actions {
    align-items: stretch !important;
    flex-direction: column-reverse !important;
  }

  .store-switch-modal__button {
    width: 100% !important;
  }
}
/* End store switch confirmation modal 20260611. */

/* Mobile schedule polish 20260611. */
header .mobile-page-title {
  display: none !important;
}

@media all and (max-width: 991px) {
  header .mobile-page-title {
    align-items: center !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    height: 70px !important;
    justify-content: center !important;
    left: 86px !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 86px !important;
    text-align: center !important;
    top: 0 !important;
    z-index: 10040 !important;
  }
}

@media (max-width: 720px) {
  #main.schedule-admin-page {
    padding: 12px 10px 28px !important;
  }

  .schedule-admin-page > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule {
    border-radius: 15px !important;
    margin-top: 18px !important;
    overflow: hidden !important;
  }

  .schedule-admin-page .section-header.schedule {
    align-items: stretch !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d7e6f3 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  .schedule-admin-page .schedule-mode-bar--header,
  .schedule-admin-page .schedule-day-navigator--header,
  .schedule-admin-page .schedule-header-actions {
    margin: 0 !important;
    width: 100% !important;
  }

  .schedule-admin-page .schedule-mode-bar--header {
    display: block !important;
  }

  .schedule-admin-page .nav.nav-pills.schedule-mode-tabs {
    border: 1px solid #cbddec !important;
    border-radius: 13px !important;
    display: grid !important;
    gap: 3px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 4px !important;
    width: 100% !important;
  }

  .schedule-admin-page .nav.nav-pills.schedule-mode-tabs > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .schedule-admin-page .nav.nav-pills.schedule-mode-tabs > li > a {
    align-items: center !important;
    border-radius: 10px !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    width: 100% !important;
  }

  .schedule-admin-page .schedule-day-navigator--header {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .schedule-admin-page .schedule-day-navigator--header .schedule-day-arrow {
    border-radius: 12px !important;
    height: 44px !important;
    width: 44px !important;
  }

  .schedule-admin-page .schedule-day-navigator--header .schedule-current-day {
    align-items: center !important;
    background: #eef6fd !important;
    border-radius: 12px !important;
    display: flex !important;
    font-size: 16px !important;
    min-height: 44px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
  }

  .schedule-admin-page .schedule-header-actions {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .schedule-admin-page .section-header.schedule #schedule-copy,
  .schedule-admin-page .section-header.schedule #schedule-copy a {
    width: 100% !important;
  }

  .schedule-admin-page .section-header.schedule #schedule-copy a {
    align-items: center !important;
    background: #eef6fd !important;
    border: 1px solid #cbddec !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
  }

  .schedule-admin-page .schedule-grid-wrap {
    border-radius: 0 !important;
    margin-top: 0 !important;
    max-height: calc(100vh - 286px) !important;
    padding: 0 !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td,
  .schedule-admin-page table.schedule_daily_tasking th {
    height: 44px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
/* End mobile schedule polish 20260611. */

/* Mobile store menu alignment and confirmation modal refinement 20260611. */
@media all and (max-width: 991px) {
  .modal-backdrop {
    z-index: 10090 !important;
  }

  .modal.store-modal {
    z-index: 10100 !important;
  }

  .modal.logout-confirm-modal-window {
    z-index: 10120 !important;
  }

  .modal.task-list-modal-window {
    z-index: 10130 !important;
  }

  .modal.task-list-modal-window .modal-dialog {
    left: 50% !important;
    margin: 0 !important;
    max-width: calc(100vw - 32px) !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(390px, calc(100vw - 32px)) !important;
  }

  .modal.task-list-modal-window .modal-content {
    max-height: calc(100dvh - 120px) !important;
    overflow: auto !important;
  }

  .modal.logout-confirm-modal-window .modal-dialog {
    left: 50% !important;
    margin: 0 !important;
    max-width: calc(100vw - 36px) !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(360px, calc(100vw - 36px)) !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) {
    margin: 4px 12px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile > li:not(.stak-header-menu__divider):not(.stak-header-menu__account) > a {
    align-items: center !important;
    column-gap: 8px !important;
    display: grid !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    justify-content: start !important;
    justify-items: start !important;
    min-height: 50px !important;
    padding: 10px 14px !important;
    text-align: left !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile > li > a > span {
    display: block !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    justify-self: start !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile .stak-header-menu__site-icon {
    font-size: 16px !important;
    justify-self: center !important;
    margin: 0 !important;
    width: 18px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile > li.stak-header-menu__account > span {
    padding: 12px 18px 14px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile .stak-header-menu__account strong {
    font-size: 17px !important;
    line-height: 1.18 !important;
    margin-bottom: 6px !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile .stak-header-menu__account button.stak-header-menu__logout-action {
    column-gap: 8px !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    margin-left: -8px !important;
    padding: 8px !important;
    width: calc(100% + 8px) !important;
  }

  header .dropdown-wrapper.bottom ul.dropdown-menu.stak-header-menu.stak-header-menu--mobile .stak-header-menu__account button.stak-header-menu__logout-action .stak-header-menu__logout-icon {
    font-size: 13px !important;
    width: 16px !important;
  }
}

@media (max-width: 640px) {
  .store-modal .modal-dialog,
  .store-modal .modal-dialog.modal-sm,
  .store-modal .modal-dialog.modal-md {
    margin: 20vh auto 0 !important;
    max-width: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
  }

  .store-switch-modal {
    border-radius: 16px !important;
  }

  .store-switch-modal__close {
    height: 34px !important;
    right: 14px !important;
    top: 14px !important;
    width: 34px !important;
  }

  .store-switch-modal__header {
    padding: 24px 52px 20px 22px !important;
  }

  .store-switch-modal__eyebrow {
    font-size: 12px !important;
    margin-bottom: 7px !important;
  }

  .store-switch-modal h3 {
    font-size: 26px !important;
  }

  .store-switch-modal p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .store-switch-modal__actions {
    gap: 10px !important;
    padding: 16px !important;
  }

  .store-switch-modal__button {
    font-size: 15px !important;
    min-height: 44px !important;
  }
}
/* End mobile store menu alignment and confirmation modal refinement 20260611. */

/* Schedule controls final spacing fix 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
  align-items: center !important;
  background: #ffffff !important;
  border-bottom: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  justify-content: flex-start !important;
  margin-bottom: 18px !important;
  min-height: 0 !important;
  padding: 28px 34px 18px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
  margin-top: 0 !important;
}

.schedule-admin-page .panel.panel-default.schedule > .panel-body {
  padding: 0 !important;
}

.schedule-admin-page .panel.panel-default.schedule > .panel-body .schedule-controls-row {
  padding: 0 !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
    padding: 18px 16px 16px !important;
  }
}
/* End schedule controls final spacing fix 20260611. */

/* Mobile schedule toolbar correction 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
    padding: 18px 14px 16px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    display: block !important;
    margin: 0 auto !important;
    max-width: 360px !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    align-items: stretch !important;
    border: 1px solid #cbddec !important;
    border-radius: 13px !important;
    display: grid !important;
    gap: 3px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    margin: 0 !important;
    padding: 4px !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li > a {
    align-items: center !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
    align-items: center !important;
    align-self: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 42px minmax(124px, 1fr) 42px !important;
    margin: 0 auto !important;
    max-width: 292px !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: min(100%, 292px) !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
    border-radius: 12px !important;
    height: 42px !important;
    width: 42px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
    border-radius: 12px !important;
    font-size: 16px !important;
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
    align-items: center !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy {
    display: inline-flex !important;
    margin: 0 !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    min-width: 210px !important;
    padding: 0 18px !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
    align-self: center !important;
    margin: 0 auto !important;
  }
}
/* End mobile schedule toolbar correction 20260611. */

/* Mobile header title and close control polish 20260611. */
@media all and (max-width: 991px) {
  header .toggle-menu {
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(17, 58, 93, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    height: 44px !important;
    left: 24px !important;
    top: 14px !important;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
    width: 44px !important;
  }

  header .toggle-menu:hover,
  header .toggle-menu:focus,
  header .toggle-menu.change {
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 12px 26px rgba(17, 58, 93, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    outline: none !important;
  }

  header .toggle-menu:active {
    transform: scale(0.94) !important;
  }

  header .toggle-menu div.bar1,
  header .toggle-menu div.bar2,
  header .toggle-menu div.bar3 {
    background: #ffffff !important;
    border-radius: 999px !important;
    height: 2px !important;
    margin: 3.5px 0 !important;
    transform-origin: center !important;
    transition: opacity 0.14s ease, transform 0.16s ease !important;
    width: 20px !important;
  }

  header .toggle-menu.change .bar1 {
    transform: translateY(5.5px) rotate(45deg) !important;
  }

  header .toggle-menu.change .bar2 {
    opacity: 0 !important;
    transform: scaleX(0.35) !important;
  }

  header .toggle-menu.change .bar3 {
    transform: translateY(-5.5px) rotate(-45deg) !important;
  }

  header .mobile-page-title {
    font-size: 22px !important;
    font-weight: 900 !important;
    height: 72px !important;
    left: 88px !important;
    line-height: 1.1 !important;
    right: 88px !important;
    top: 0 !important;
  }

  header.mobile-menu-open .mobile-page-title {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  header.mobile-menu-open .header-top::after {
    align-items: center !important;
    color: #ffffff !important;
    content: "Menu" !important;
    display: flex !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    height: 72px !important;
    justify-content: center !important;
    left: 88px !important;
    line-height: 1.1 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 88px !important;
    text-align: center !important;
    top: 0 !important;
    z-index: 10045 !important;
  }
}

/* Schedule table natural page height 20260611. */
.schedule-admin-page > .container,
.schedule-admin-page .panel.panel-default.schedule,
.schedule-admin-page .panel.panel-default.schedule > .panel-body {
  height: auto !important;
  max-height: none !important;
}

.schedule-admin-page .schedule-grid-wrap,
.schedule-admin-page .panel.panel-default.schedule > .panel-body .schedule-grid-wrap {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-grid-wrap,
  .schedule-admin-page .panel.panel-default.schedule > .panel-body .schedule-grid-wrap {
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
}

/* Mobile schedule controls left alignment 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 18px 14px 16px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    align-self: flex-start !important;
    display: block !important;
    margin: 0 !important;
    max-width: 320px !important;
    width: min(100%, 320px) !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    margin: 0 !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
    align-self: flex-start !important;
    display: inline-grid !important;
    gap: 6px !important;
    grid-template-columns: 42px 150px 42px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
    height: 42px !important;
    width: 42px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    width: 150px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
    align-self: flex-start !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy {
    display: inline-flex !important;
    margin: 0 !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    justify-content: flex-start !important;
    min-height: 42px !important;
    min-width: 188px !important;
    padding: 0 18px !important;
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
    align-self: flex-start !important;
    margin: 0 !important;
    width: auto !important;
  }
}

/* Schedule controls top breathing room 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
  padding-top: 38px !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    padding-top: 24px !important;
  }
}

/* Schedule day navigator unified pill 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
  align-items: center !important;
  background: #eef6fd !important;
  border: 1px solid #d2e4f3 !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
  display: inline-grid !important;
  gap: 0 !important;
  grid-template-columns: 36px minmax(112px, 128px) 36px !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: auto !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2f6fa7 !important;
  height: 38px !important;
  width: 36px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow:hover,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow:focus {
  background: rgba(47, 111, 167, 0.1) !important;
  box-shadow: none !important;
  color: #225d91 !important;
  outline: none !important;
  transform: none !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow:active,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow.is-pressed {
  background: rgba(47, 111, 167, 0.16) !important;
  box-shadow: none !important;
  color: #1d527f !important;
  transform: none !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 38px !important;
  min-width: 112px !important;
  padding: 0 10px !important;
  width: auto !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
    grid-template-columns: 36px minmax(112px, 124px) 36px !important;
    min-height: 38px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
    height: 38px !important;
    width: 36px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
    font-size: 16px !important;
    min-height: 38px !important;
    min-width: 112px !important;
    padding: 0 8px !important;
    width: auto !important;
  }
}

/* Schedule compact day/month controls 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
  grid-template-columns: 32px 85px 32px !important;
  min-height: 36px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
  height: 36px !important;
  width: 32px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
  font-size: 14px !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  width: 85px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
  align-items: center !important;
  align-self: flex-start !important;
  background: #eef6fd !important;
  border: 1px solid #d2e4f3 !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
  display: inline-flex !important;
  gap: 0 !important;
  margin: 0 !important;
  min-height: 38px !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: auto !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header label {
  align-items: center !important;
  color: #173650 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  height: 38px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 14px 0 16px !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(45deg, transparent 50%, #2f6fa7 50%), linear-gradient(135deg, #2f6fa7 50%, transparent 50%) !important;
  background-position: calc(100% - 13px) 15px, calc(100% - 9px) 15px !important;
  background-repeat: no-repeat !important;
  background-size: 4px 4px, 4px 4px !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  color: #2f6fa7 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  height: 30px !important;
  line-height: 30px !important;
  margin-right: 4px !important;
  min-height: 30px !important;
  min-width: 60px !important;
  padding: 0 26px 0 12px !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header {
    grid-template-columns: 32px 85px 32px !important;
    min-height: 36px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-day-arrow {
    height: 36px !important;
    width: 32px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header .schedule-current-day {
    font-size: 14px !important;
    min-height: 36px !important;
    width: 85px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
    width: auto !important;
  }
}

/* Schedule day/month controls borderless height match 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-day-navigator--header,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 36px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header label {
  height: 36px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  background-position: calc(100% - 13px) 14px, calc(100% - 9px) 14px !important;
  height: 28px !important;
  line-height: 28px !important;
  min-height: 28px !important;
}

/* Mobile schedule compact day control and empty state 20260611. */
.schedule-admin-page .schedule-empty-state-row td {
  background: #f8fbff !important;
  padding: 0 !important;
}

.schedule-admin-page .schedule-empty-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: 34px 18px;
  text-align: center;
}

.schedule-admin-page .schedule-empty-state__title {
  color: #1c344b;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.schedule-admin-page .schedule-empty-state__copy {
  color: #647b91;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 8px;
  max-width: 360px;
}

.schedule-admin-page .schedule-empty-state__link {
  align-items: center;
  background: #337ab7;
  border: 1px solid #2d6fa8;
  border-radius: 999px;
  box-shadow: 0 10px 20px rgba(51, 122, 183, 0.18);
  color: #ffffff !important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 850;
  justify-content: center;
  margin-top: 16px;
  min-height: 36px;
  padding: 0 18px;
  text-decoration: none !important;
}

.schedule-admin-page .schedule-empty-state__link:hover,
.schedule-admin-page .schedule-empty-state__link:focus {
  background: #2d6fa8;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header {
    align-self: flex-start !important;
    display: inline-grid !important;
    gap: 0 !important;
    grid-template-columns: 32px 85px 32px !important;
    justify-content: start !important;
    justify-items: stretch !important;
    margin: 0 !important;
    max-width: 149px !important;
    min-height: 36px !important;
    min-width: 149px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 149px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-day-arrow {
    height: 36px !important;
    width: 32px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-current-day {
    font-size: 14px !important;
    min-height: 36px !important;
    min-width: 0 !important;
    padding: 0 4px !important;
    width: 85px !important;
  }

  .schedule-admin-page .schedule-empty-state {
    align-items: flex-start;
    min-height: 150px;
    padding: 28px 18px;
    text-align: left;
  }

  .schedule-admin-page .schedule-empty-state__copy {
    max-width: 280px;
  }
}

/* Schedule table softer controls and category chevron 20260611. */
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select,
.schedule-admin-page table.schedule_daily_tasking input[type="text"],
.schedule-admin-page table.schedule_daily_tasking input[type="number"] {
  border-color: #dbe9f5 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fbfdff !important;
  background-image: linear-gradient(45deg, transparent 50%, #2f6fa7 50%), linear-gradient(135deg, #2f6fa7 50%, transparent 50%) !important;
  background-position: calc(100% - 16px) 13px, calc(100% - 11px) 13px !important;
  background-repeat: no-repeat !important;
  background-size: 5px 5px, 5px 5px !important;
  padding-right: 34px !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select:hover,
.schedule-admin-page table.schedule_daily_tasking input[type="text"]:hover,
.schedule-admin-page table.schedule_daily_tasking input[type="number"]:hover,
.schedule-admin-page .schedule-row-actions__trigger:hover {
  border-color: #cfe0ee !important;
}

.schedule-admin-page .schedule-row-actions__trigger {
  background: #ffffff !important;
  border-color: #dbe9f5 !important;
}

.schedule-admin-page table.schedule_daily_tasking input:focus,
.schedule-admin-page table.schedule_daily_tasking select:focus {
  border-color: #8bb8df !important;
}

/* Schedule table lighter compact controls 20260611. */
.schedule-admin-page table.schedule_daily_tasking tbody tr td {
  height: 38px !important;
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select,
.schedule-admin-page table.schedule_daily_tasking input[type="text"],
.schedule-admin-page table.schedule_daily_tasking input[type="number"] {
  border-color: #e7f0f8 !important;
  height: 30px !important;
  min-height: 30px !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
  background-image: linear-gradient(45deg, transparent 50%, #79a8cf 50%), linear-gradient(135deg, #79a8cf 50%, transparent 50%) !important;
  background-position: calc(100% - 16px) 12px, calc(100% - 11px) 12px !important;
}

.schedule-admin-page .schedule-row-actions {
  min-height: 38px !important;
}

.schedule-admin-page .schedule-row-actions__status {
  height: 36px !important;
}

.schedule-admin-page .schedule-row-actions__trigger {
  border-color: #e7f0f8 !important;
  flex-basis: 36px !important;
  height: 36px !important;
  width: 36px !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select:hover,
.schedule-admin-page table.schedule_daily_tasking input[type="text"]:hover,
.schedule-admin-page table.schedule_daily_tasking input[type="number"]:hover,
.schedule-admin-page .schedule-row-actions__trigger:hover {
  border-color: #dceaf5 !important;
}

.schedule-admin-page table.schedule_daily_tasking input:focus,
.schedule-admin-page table.schedule_daily_tasking select:focus {
  border-color: #a8cce8 !important;
}

/* Schedule table very light row separators 20260611. */
.schedule-admin-page table.schedule_daily_tasking tbody tr td {
  border-bottom-color: #eaf2f9 !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr.is-scheduled td,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="cbdcea"] td,
.schedule-admin-page table.schedule_daily_tasking tbody tr[style*="203, 220, 234"] td {
  border-bottom-color: #d7ebdf !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr:hover td {
  border-color: #dcebf6 !important;
}

/* Mobile schedule duplicate control and modal fit 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    align-items: flex-start !important;
    column-gap: 10px !important;
    flex-direction: row !important;
    row-gap: 12px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    flex: 0 0 100% !important;
    max-width: 320px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header {
    flex: 0 0 149px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    border-radius: 12px !important;
    font-size: 13px !important;
    gap: 7px !important;
    justify-content: center !important;
    min-height: 36px !important;
    min-width: 118px !important;
    padding: 0 13px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a .fa {
    font-size: 13px !important;
  }

  .modal-backdrop.schedule-copy-modal-backdrop {
    z-index: 10140 !important;
  }

  .modal.schedule-copy-modal-window {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px !important;
    z-index: 10150 !important;
  }

  .schedule-copy-modal-window .modal-dialog {
    margin: 0 !important;
    max-width: 360px !important;
    transform: none !important;
    width: 100% !important;
  }

  .schedule-copy-modal-window .modal-content {
    border-radius: 16px !important;
    max-height: calc(100vh - 32px) !important;
    max-height: calc(100dvh - 32px) !important;
    overflow-y: auto !important;
  }

  .modal-content .schedule-copy-modal__header {
    padding: 18px 20px 16px !important;
  }

  .modal-content .schedule-copy-modal__title {
    font-size: 22px !important;
  }

  .modal-content .schedule-copy-modal__subtitle {
    font-size: 13px !important;
  }

  .modal-content .schedule-copy-modal__body {
    padding: 18px 20px 16px !important;
  }

  .modal-content .schedule-copy-modal__field select.form-control {
    font-size: 15px !important;
    height: 44px !important;
    line-height: 44px !important;
  }

  .modal-content .schedule-copy-modal__footer {
    gap: 8px !important;
    padding: 14px 20px 18px !important;
  }

  .modal-content .schedule-copy-modal__button {
    font-size: 14px !important;
    min-height: 38px !important;
    min-width: 96px !important;
    padding: 0 14px !important;
  }
}

/* Mobile schedule category column width 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(1),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(1) {
    width: 34% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(2),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) {
    width: 30% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(3),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(3) {
    width: 12% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(4),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(4) {
    width: 10% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(5),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(5) {
    width: 14% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
    max-width: 260px !important;
    min-width: 220px !important;
  }
}

/* Schedule unschedule confirmation dialog 20260611. */
.ngdialog.schedule-unschedule-dialog {
  padding: 90px 18px 24px !important;
  z-index: 10160 !important;
}

.ngdialog.schedule-unschedule-dialog .ngdialog-overlay {
  background: rgba(13, 27, 39, 0.58) !important;
}

.ngdialog.schedule-unschedule-dialog .ngdialog-content {
  background: #ffffff !important;
  border: 1px solid #d8e8f5 !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 70px rgba(17, 36, 53, 0.3) !important;
  color: #1d3348 !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 460px !important;
}

.schedule-unschedule-modal {
  position: relative;
}

.schedule-unschedule-modal__close {
  align-items: center;
  background: #f3f8fd;
  border: 1px solid #d7e8f6;
  border-radius: 999px;
  color: #2b6595;
  display: flex;
  font-size: 15px;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
  width: 34px;
}

.schedule-unschedule-modal__close:hover,
.schedule-unschedule-modal__close:focus {
  background: #e7f2fb;
  color: #174d7a;
  outline: none;
  transform: translateY(-1px);
}

.schedule-unschedule-modal__header {
  display: flex;
  gap: 16px;
  padding: 28px 64px 24px 26px;
}

.schedule-unschedule-modal__icon {
  align-items: center;
  background: #fff1f1;
  border: 1px solid #ffd2d2;
  border-radius: 14px;
  color: #c92a2a;
  display: flex;
  flex: 0 0 44px;
  font-size: 20px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.schedule-unschedule-modal__heading {
  min-width: 0;
}

.schedule-unschedule-modal__eyebrow {
  color: #c92a2a;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 1;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.schedule-unschedule-modal h2 {
  color: #1d3348 !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  margin: 0 !important;
}

.schedule-unschedule-modal__message {
  color: #667c91;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  margin: 12px 0 0;
}

.schedule-unschedule-modal__message strong {
  color: #20344c;
  font-weight: 850;
}

.schedule-unschedule-modal__actions {
  align-items: center;
  background: #f7fbff;
  border-top: 1px solid #e0edf7;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 18px 24px 22px;
}

.schedule-unschedule-modal__button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 850;
  justify-content: center;
  min-height: 42px;
  min-width: 116px;
  padding: 0 20px;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.schedule-unschedule-modal__button:hover,
.schedule-unschedule-modal__button:focus {
  outline: none;
  transform: translateY(-1px);
}

.schedule-unschedule-modal__button--secondary {
  background: #ffffff;
  border: 1px solid #cfe0ef;
  color: #265f8f;
}

.schedule-unschedule-modal__button--secondary:hover,
.schedule-unschedule-modal__button--secondary:focus {
  background: #edf6fd;
  border-color: #b8d5eb;
}

.schedule-unschedule-modal__button--danger {
  background: #d92d2d;
  border: 1px solid #c82222;
  box-shadow: 0 8px 18px rgba(217, 45, 45, 0.22);
  color: #ffffff;
}

.schedule-unschedule-modal__button--danger:hover,
.schedule-unschedule-modal__button--danger:focus {
  background: #bf2222;
  border-color: #ab1e1e;
}

@media (max-width: 720px) {
  .ngdialog.schedule-unschedule-dialog {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: center !important;
    overflow-y: auto !important;
    padding: 18px !important;
  }

  .ngdialog.schedule-unschedule-dialog .ngdialog-content {
    border-radius: 16px !important;
    max-height: calc(100vh - 36px) !important;
    max-height: calc(100dvh - 36px) !important;
    overflow-y: auto !important;
    width: min(100%, 360px) !important;
  }

  .schedule-unschedule-modal__close {
    height: 32px;
    right: 14px;
    top: 14px;
    width: 32px;
  }

  .schedule-unschedule-modal__header {
    gap: 12px;
    padding: 22px 54px 20px 18px;
  }

  .schedule-unschedule-modal__icon {
    border-radius: 12px;
    flex-basis: 38px;
    font-size: 17px;
    height: 38px;
    width: 38px;
  }

  .schedule-unschedule-modal h2 {
    font-size: 21px !important;
  }

  .schedule-unschedule-modal__message {
    font-size: 14px;
  }

  .schedule-unschedule-modal__actions {
    gap: 8px;
    padding: 14px 18px 18px;
  }

  .schedule-unschedule-modal__button {
    flex: 1 1 0;
    font-size: 14px;
    min-height: 40px;
    min-width: 0;
    padding: 0 12px;
  }
}

/* Schedule empty state scale and monthly day spacing 20260611. */
.schedule-admin-page .schedule-empty-state__title {
  font-size: 16px !important;
  line-height: 1.22 !important;
}

.schedule-admin-page .schedule-empty-state__copy {
  font-size: 13px !important;
  line-height: 1.42 !important;
  margin-top: 7px !important;
}

.schedule-admin-page .schedule-empty-state__link {
  font-size: 13px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
  padding-right: 8px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  background-position: calc(100% - 12px) 14px, calc(100% - 8px) 14px !important;
  margin-right: 0 !important;
  min-width: 58px !important;
  padding-left: 12px !important;
  padding-right: 22px !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule-empty-state__title {
    font-size: 15px !important;
  }

  .schedule-admin-page .schedule-empty-state__copy {
    font-size: 12px !important;
    max-width: 260px !important;
  }

  .schedule-admin-page .schedule-empty-state__link {
    font-size: 12px !important;
    min-height: 32px !important;
  }
}

/* Schedule table column balance 20260611. */
.schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(1),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(1) {
  width: 44% !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(2),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) {
  width: 16% !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(3),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(3) {
  width: 11% !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(4),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(4) {
  width: 10% !important;
}

.schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(5),
.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(5) {
  width: 19% !important;
}

.schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
  max-width: 240px !important;
  min-width: 130px !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .schedule_daily_tasking {
    min-width: 840px !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(1),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(1) {
    width: 34% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(2),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) {
    width: 25% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(3),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(3) {
    width: 12% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(4),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(4) {
    width: 11% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking thead tr td:nth-child(5),
  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(5) {
    width: 18% !important;
  }

  .schedule-admin-page table.schedule_daily_tasking tbody tr td:nth-child(2) select {
    max-width: 205px !important;
    min-width: 170px !important;
  }

  .schedule-admin-page table.schedule_daily_tasking .schedule-options-heading {
    padding-right: 32px !important;
    text-align: right !important;
  }

  .schedule-admin-page table.schedule_daily_tasking .schedule-options-heading span {
    justify-content: flex-end !important;
    margin-left: 0 !important;
    min-width: 58px !important;
    width: auto !important;
  }
}

/* Schedule monthly day compact chevron 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  background-position: calc(100% - 11px) 14px, calc(100% - 7px) 14px !important;
  min-width: 56px !important;
  padding-left: 12px !important;
  padding-right: 20px !important;
}

/* Mobile schedule mode compact size 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    flex: 0 0 auto !important;
    max-width: 230px !important;
    width: 230px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    padding: 4px !important;
    width: 100% !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li > a {
    border-radius: 10px !important;
    font-size: 14px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
  }
}

/* Schedule monthly day label, info, and chevron alignment 20260611. */
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
  gap: 6px !important;
  padding-left: 14px !important;
  padding-right: 7px !important;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header label {
  padding: 0 !important;
}

.schedule-admin-page .schedule-monthly-date-info {
  align-items: center;
  color: #9db9d1;
  cursor: help;
  display: inline-flex;
  font-size: 11px;
  height: 18px;
  justify-content: center;
  line-height: 1;
  margin-right: 4px;
  width: 18px;
}

.schedule-admin-page .schedule-monthly-date-info:hover,
.schedule-admin-page .schedule-monthly-date-info:focus {
  color: #6d98bc;
  outline: none;
}

.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
  background-position: calc(100% - 9px) 12px, calc(100% - 5px) 12px !important;
  background-size: 4px 4px, 4px 4px !important;
  min-width: 50px !important;
  padding-left: 10px !important;
  padding-right: 16px !important;
}

/* Mobile schedule compact mode tabs and duplicate icon 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    max-width: 214px !important;
    width: 214px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    padding: 3px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li > a {
    font-size: 13px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
    flex: 0 0 auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    width: auto !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    border-radius: 12px !important;
    height: 36px !important;
    min-height: 36px !important;
    min-width: 40px !important;
    padding: 0 !important;
    width: 40px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a .fa {
    font-size: 15px !important;
    margin: 0 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a span {
    display: none !important;
  }
}

/* Mobile schedule header one-row control fit 20260611. */
@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    align-items: center !important;
    column-gap: 6px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    row-gap: 0 !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header {
    flex: 0 0 150px !important;
    margin: 0 !important;
    max-width: 150px !important;
    width: 150px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    padding: 3px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li > a {
    font-size: 12px !important;
    min-height: 32px !important;
    padding: 0 5px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header {
    flex: 0 0 124px !important;
    gap: 0 !important;
    grid-template-columns: 26px 72px 26px !important;
    margin: 0 !important;
    max-width: 124px !important;
    min-width: 124px !important;
    width: 124px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-day-arrow {
    height: 34px !important;
    width: 26px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-current-day {
    font-size: 13px !important;
    min-height: 34px !important;
    padding: 0 2px !important;
    width: 72px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions {
    flex: 0 0 34px !important;
    margin: 0 !important;
    width: 34px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

/* Schedule monthly day tooltip visibility 20260611. */
.tooltip.schedule-monthly-date-tooltip {
  z-index: 10800 !important;
}

.tooltip.schedule-monthly-date-tooltip .tooltip-inner {
  background: #1d3348 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(13, 32, 48, 0.22) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  max-width: 220px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  white-space: normal !important;
}

.tooltip.schedule-monthly-date-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1d3348 !important;
}

@media (max-width: 720px) {
  .tooltip.schedule-monthly-date-tooltip .tooltip-inner {
    max-width: 190px !important;
  }
}

/* Schedule control height and duplicate border cleanup 20260611. */
.schedule-admin-page #schedule-copy a,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a:hover,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a:focus {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    --schedule-mobile-header-control-height: 40px;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-mode-bar--header,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
    height: var(--schedule-mobile-header-control-height) !important;
    min-height: var(--schedule-mobile-header-control-height) !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs {
    box-sizing: border-box !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .nav.nav-pills.schedule-mode-tabs > li > a {
    height: 32px !important;
    min-height: 32px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header {
    align-items: stretch !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-day-arrow,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-days.schedule-day-navigator--header .schedule-current-day {
    height: var(--schedule-mobile-header-control-height) !important;
    min-height: var(--schedule-mobile-header-control-height) !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header {
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-monthly-date.schedule-monthly-date--header select.input-sm {
    height: 32px !important;
    line-height: 32px !important;
  }
}

/* Desktop schedule duplicate placement 20260611. */
@media (min-width: 721px) {
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule {
    justify-content: flex-start !important;
    padding-left: 18px !important;
  }

  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule .schedule-header-actions,
  .schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Schedule duplicate pill hover 20260611. */
.schedule-admin-page #schedule-copy a,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a {
  background: #eef6fd !important;
  background-color: #eef6fd !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--stak-primary-dark, #286090) !important;
  text-decoration: none !important;
}

.schedule-admin-page #schedule-copy a:hover,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a:hover {
  background: #dbeaf6 !important;
  background-color: #dbeaf6 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #225d91 !important;
  outline: none !important;
  text-decoration: none !important;
}

.schedule-admin-page #schedule-copy a:focus,
.schedule-admin-page .panel.panel-default.schedule > .section-header.schedule #schedule-copy a:focus {
  background: #eef6fd !important;
  background-color: #eef6fd !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--stak-primary-dark, #286090) !important;
  outline: none !important;
  text-decoration: none !important;
}

/* Site settings compact density, matched to the schedule admin surface 20260611. */
.settings-admin-page--site {
  gap: 16px !important;
  grid-template-columns: 244px minmax(0, 1fr) !important;
  padding: 18px !important;
}

.settings-admin-page--site .settings-admin-sidebar {
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(27, 48, 70, 0.08) !important;
  padding: 12px !important;
}

.settings-admin-page--site .settings-admin-sidebar__header {
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  padding: 12px !important;
}

.settings-admin-page--site .settings-admin-sidebar__eyebrow {
  font-size: 10px !important;
  margin-bottom: 5px !important;
}

.settings-admin-page--site .settings-admin-sidebar__title {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.settings-admin-page--site .settings-admin-sidebar__nav {
  gap: 6px !important;
}

.settings-admin-page--site .settings-admin-sidebar__item {
  border-radius: 8px !important;
  gap: 9px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  min-height: 46px !important;
  padding: 8px 9px !important;
}

.settings-admin-page--site .settings-admin-sidebar__item .fa {
  border-radius: 8px !important;
  font-size: 13px !important;
  height: 30px !important;
  width: 30px !important;
}

.settings-admin-page--site .settings-admin-sidebar__item strong {
  font-size: 13px !important;
  line-height: 1.1 !important;
}

.settings-admin-page--site .settings-admin-sidebar__item small {
  font-size: 10px !important;
  line-height: 1.15 !important;
  margin-top: 2px !important;
}

.settings-admin-page--site .settings-admin-content {
  max-width: 1120px !important;
}

.settings-admin-page--site .settings-site-identity {
  margin: 0 0 10px !important;
}

.settings-admin-page--site .settings-site-identity__main {
  gap: 8px !important;
}

.settings-admin-page--site .settings-site-identity__name {
  font-size: 24px !important;
  line-height: 1.12 !important;
}

.settings-admin-page--site .settings-site-identity__edit {
  color: var(--stak-primary-dark, #286090) !important;
  padding: 2px !important;
}

.settings-admin-page--site .settings-site-identity__edit .fa {
  font-size: 14px !important;
}

.settings-admin-page--site .settings-site-identity__id {
  border-radius: 8px !important;
  font-size: 11px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
}

.settings-admin-page--site .settings__body {
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  max-width: 1120px !important;
  padding-bottom: 18px !important;
  width: min(100%, 1120px) !important;
}

.settings-admin-page--site .settings__body__section {
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(27, 48, 70, 0.07) !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
}

.settings-admin-page--site .settings__body__section:hover {
  box-shadow: 0 10px 24px rgba(27, 48, 70, 0.09) !important;
}

.settings-admin-page--site .settings__body__section__title {
  color: #173650 !important;
  float: none !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
}

.settings-admin-page--site .settings__body__section__title.billing {
  display: inline-flex !important;
}

.settings-admin-page--site .settings__body__section__invoices {
  float: right !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

.settings-admin-page--site .settings__body__section__header {
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin-top: 6px !important;
  padding: 7px 9px !important;
}

.settings-admin-page--site .settings__body__section__btn-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.settings-admin-page--site .settings__body__section__btn,
.settings-admin-page--site .btn,
.settings-admin-page--site button,
.settings-admin-page--site input[type="submit"] {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
}

.settings-admin-page--site .settings__body__section__btn:first-of-type {
  margin-right: 0 !important;
}

.settings-admin-page--site .settings-site-identity__edit {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 2px !important;
}

.settings-admin-page--site .add-new-store-btn {
  border-radius: 8px !important;
  font-size: 13px !important;
  justify-self: stretch !important;
  min-height: 38px !important;
  padding: 0 12px !important;
}

.settings-admin-page--site .settings__body__form {
  gap: 8px !important;
}

.settings-admin-page--site .settings__body__form__row {
  gap: 10px !important;
  grid-template-columns: minmax(110px, 145px) minmax(0, 1fr) !important;
}

.settings-admin-page--site .settings__body__form__row__btn {
  justify-items: start !important;
  margin-top: 4px !important;
}

.settings-admin-page--site .settings__body__form__label,
.settings-admin-page--site label {
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

.settings-admin-page--site .settings__body__form__input__wrapper,
.settings-admin-page--site .settings__body__form__input_wrapper {
  justify-self: start !important;
  max-width: 190px !important;
  width: 100% !important;
}

.settings-admin-page--site .settings__body__form__input,
.settings-admin-page--site .form-control,
.settings-admin-page--site .p-edit,
.settings-admin-page--site input[type="text"],
.settings-admin-page--site input[type="email"],
.settings-admin-page--site input[type="password"],
.settings-admin-page--site select,
.settings-admin-page--site textarea {
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
}

.settings-admin-page--site select.settings__body__form__input,
.settings-admin-page--site .settings__body__section table select.settings__body__form__input {
  min-width: 124px !important;
}

.settings-admin-page--site .settings__body__section table select.settings__body__form__input {
  max-width: 160px !important;
  width: auto !important;
}

.settings-admin-page--site input[type="checkbox"] {
  height: 15px !important;
  min-height: 15px !important;
  width: 15px !important;
}

.settings-admin-page--site .settings-ipad-tasking {
  border-top: 1px solid #e3edf6 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}

.settings-admin-page--site .settings-ipad-tasking__title {
  color: #425b73 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
}

.settings-admin-page--site .table-responsive {
  border-radius: 8px !important;
  overflow: visible !important;
}

.settings-admin-page--site table.table {
  font-size: 12px !important;
}

.settings-admin-page--site table.table thead td,
.settings-admin-page--site table.table thead th {
  font-size: 11px !important;
  padding: 8px 10px !important;
}

.settings-admin-page--site table.table tbody td,
.settings-admin-page--site .settings__body__section table tbody td {
  font-size: 12px !important;
  line-height: 1.25 !important;
  padding: 8px 10px !important;
  vertical-align: middle !important;
}

.settings-admin-page--site .settings__body__section table td > div {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.settings-admin-page--site .settings-label-with-info {
  gap: 5px !important;
}

.settings-admin-page--site .settings-info-icon {
  font-size: 10px !important;
  height: 16px !important;
  width: 16px !important;
}

.settings-admin-page--site .settings-info-tooltip {
  font-size: 11px !important;
  min-width: 190px !important;
  padding: 8px 10px !important;
}

@media (max-width: 1180px) {
  .settings-admin-page--site .settings__body {
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
    width: min(100%, 760px) !important;
  }
}

@media (max-width: 980px) {
  .settings-admin-page--site {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .settings-admin-page--site .settings-admin-sidebar__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .settings-admin-page--site .settings-admin-sidebar__nav {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page--site .settings-site-identity__name {
    font-size: 21px !important;
  }

  .settings-admin-page--site .settings__body__section {
    padding: 12px !important;
  }

  .settings-admin-page--site .settings__body__form__row {
    grid-template-columns: 1fr !important;
  }

  .settings-admin-page--site .settings__body__form__input__wrapper,
  .settings-admin-page--site .settings__body__form__input_wrapper {
    max-width: none !important;
  }
}

.billing-required-page {
  background:
    radial-gradient(circle at top, rgba(77, 127, 183, 0.12), transparent 42%),
    linear-gradient(180deg, #f4f9fd 0%, #eef4f9 100%);
  min-height: calc(100vh - 82px);
}

.billing-required-page__inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 34px 20px 56px;
}

.billing-required-page__banner {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #dce8f4;
  border-radius: 20px;
  box-shadow: 0 16px 36px rgba(29, 58, 92, 0.08);
  display: grid;
  gap: 14px;
  grid-template-columns: 50px minmax(0, 1fr);
  margin: 0 auto 22px;
  max-width: 980px;
  padding: 18px 22px;
}

.billing-required-page__banner-icon {
  align-items: center;
  background: linear-gradient(135deg, #fff4cf 0%, #f8cf65 100%);
  border-radius: 16px;
  color: #8f6616;
  display: flex;
  font-size: 22px;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.billing-required-page__banner-title {
  color: #1f3850;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 6px;
}

.billing-required-page__banner-copy {
  color: #5c738a;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.billing-ui {
  --billing-accent: #4d7fb7;
  --billing-accent-dark: #356498;
  --billing-border: #d8e4ef;
  --billing-ink: #18324b;
  --billing-muted: #61798f;
  --billing-panel: #ffffff;
  --billing-soft: #f4f8fc;
  color: var(--billing-ink);
}

.billing-ui__modal-header {
  background: linear-gradient(135deg, #f8fbff 0%, #eef5fb 100%);
  border-bottom: 1px solid #dbe7f3;
  padding: 24px 28px 20px;
}

.billing-ui__modal-body {
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8fc 100%);
  padding: 0;
}

.billing-modal-window .modal-dialog {
  margin: 28px auto;
  max-width: calc(100vw - 32px);
  width: 940px;
}

.billing-modal-window .modal-content {
  background: transparent;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(14, 31, 47, 0.32);
  overflow: hidden;
}

.billing-ui__header,
.billing-ui__page-header {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.billing-ui__eyebrow {
  color: var(--billing-accent-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.billing-ui__title {
  color: var(--billing-ink);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 0.98;
  margin: 0;
}

.billing-ui__subtitle {
  color: var(--billing-muted);
  font-size: 16px;
  line-height: 1.45;
  margin: 10px 0 0;
}

.billing-ui__close {
  align-items: center;
  background: rgba(77, 127, 183, 0.12);
  border: 0;
  border-radius: 14px;
  color: var(--billing-accent-dark);
  display: inline-flex;
  font-size: 16px;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  outline: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.billing-ui__close:hover,
.billing-ui__close:focus {
  background: rgba(77, 127, 183, 0.2);
  color: var(--billing-ink);
  transform: translateY(-1px);
}

.billing-ui__form {
  padding: 28px;
}

.billing-ui__page-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #dbe6f1;
  border-radius: 26px;
  box-shadow: 0 24px 54px rgba(30, 56, 83, 0.12);
  margin: 0 auto;
  max-width: 980px;
  overflow: hidden;
}

.billing-ui__page-header {
  background: linear-gradient(135deg, #f8fbff 0%, #eef4fb 100%);
  border-bottom: 1px solid #dbe7f3;
  padding: 28px 30px 22px;
}

.billing-ui__summary {
  background: linear-gradient(135deg, #4d7fb7 0%, #74a1d1 100%);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  color: #ffffff;
  padding: 16px 18px;
}

.billing-ui__summary--inline {
  flex: 0 0 260px;
}

.billing-ui__summary-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 6px;
  opacity: 0.88;
  text-transform: uppercase;
}

.billing-ui__summary-value {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}

.billing-ui__summary-note {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 8px;
  opacity: 0.92;
}

.billing-ui__sections {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-ui__section {
  background: var(--billing-panel);
  border: 1px solid var(--billing-border);
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(44, 78, 112, 0.07);
  padding: 22px;
}

.billing-ui__section-heading {
  margin-bottom: 18px;
}

.billing-ui__section-title {
  color: var(--billing-ink);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}

.billing-ui__section-copy {
  color: var(--billing-muted);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.billing-ui__grid {
  display: grid;
  gap: 16px 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-ui__field {
  min-width: 0;
}

.billing-ui__field--full {
  grid-column: 1 / -1;
}

.billing-ui__label {
  color: #355069;
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}

.billing-ui__input,
.billing-ui__select {
  appearance: none;
  background: var(--billing-soft);
  border: 1px solid var(--billing-border);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: var(--billing-ink);
  display: block;
  font-size: 15px;
  font-weight: 600;
  min-height: 52px;
  padding: 14px 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  width: 100%;
}

.billing-ui__input::placeholder {
  color: #8aa0b5;
  font-weight: 500;
}

.billing-ui__input:focus,
.billing-ui__select:focus {
  background: #ffffff;
  border-color: rgba(77, 127, 183, 0.8);
  box-shadow: 0 0 0 4px rgba(77, 127, 183, 0.14);
  outline: none;
}

.billing-ui__input[disabled],
.billing-ui__select[disabled] {
  background: #edf2f7;
  color: #7a8ea2;
  cursor: not-allowed;
  opacity: 1;
}

.billing-ui__expiry {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-ui__error {
  color: #c74646;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 7px;
}

.billing-ui__actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
}

.billing-ui__actions--single {
  justify-content: flex-end;
}

.billing-ui__button {
  border: 0;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  min-height: 50px;
  min-width: 132px;
  outline: none;
  padding: 0 22px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.billing-ui__button:hover,
.billing-ui__button:focus {
  transform: translateY(-1px);
}

.billing-ui__button[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}

.billing-ui__button--primary {
  background: linear-gradient(135deg, #4d7fb7 0%, #3d6ea7 100%);
  box-shadow: 0 14px 24px rgba(52, 103, 156, 0.22);
  color: #ffffff;
}

.billing-ui__button--secondary {
  background: #eef4fa;
  border: 1px solid #d0deeb;
  color: #355069;
}

@media (max-width: 1024px) {
  .billing-ui__sections {
    grid-template-columns: 1fr;
  }

  .billing-ui__page-header {
    gap: 14px;
  }

  .billing-ui__page-header,
  .billing-ui__header {
    flex-direction: column;
  }

  .billing-ui__summary--inline {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .billing-modal-window .modal-dialog {
    margin: 14px auto;
    width: calc(100vw - 18px);
  }

  .billing-ui__modal-header,
  .billing-ui__form,
  .billing-ui__page-header {
    padding: 20px 18px;
  }

  .billing-ui__section {
    padding: 18px;
  }

  .billing-ui__title {
    font-size: 34px;
  }

  .billing-required-page__banner {
    grid-template-columns: 1fr;
    padding: 18px;
  }
}

@media (max-width: 640px) {
  .billing-required-page__inner {
    padding: 22px 14px 40px;
  }

  .billing-ui__grid {
    grid-template-columns: 1fr;
  }

  .billing-ui__field--full {
    grid-column: auto;
  }

  .billing-ui__actions,
  .billing-ui__actions--single {
    flex-direction: column-reverse;
  }

  .billing-ui__button {
    width: 100%;
  }
}

/* Shared onboarding panel */
.stak-onboarding {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid #d8e6f2 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 40px rgba(27, 48, 70, 0.08) !important;
  margin: 0 0 22px !important;
  padding: 24px !important;
  position: relative !important;
  width: 100% !important;
}

.stak-onboarding__dismiss {
  align-items: center;
  background: transparent;
  border: 0;
  color: #7d91a6;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 34px;
}

.stak-onboarding__dismiss:hover {
  color: #1d4d8f;
}

.stak-onboarding__header {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-right: 44px;
}

.stak-onboarding__eyebrow {
  color: #337ab7;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.stak-onboarding__title {
  color: #1d334a;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1.06 !important;
  margin: 10px 0 8px !important;
}

.stak-onboarding__subtitle {
  color: #647b92;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0;
}

.stak-onboarding__progress {
  align-items: center;
  background: #edf5ff;
  border: 1px solid #d2e5fb;
  border-radius: 999px;
  color: #1d4d8f;
  display: inline-flex;
  flex-shrink: 0;
  gap: 10px;
  padding: 10px 14px;
}

.stak-onboarding__progress strong {
  font-size: 16px;
  font-weight: 850;
  line-height: 1;
}

.stak-onboarding__progress span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.stak-onboarding__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.stak-onboarding__step {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d9e6f2;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(27, 48, 70, 0.05);
  color: #1d334a;
  display: flex;
  gap: 14px;
  min-height: 88px;
  padding: 16px 18px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.stak-onboarding__step--action {
  cursor: pointer;
}

.stak-onboarding__step--action:hover {
  border-color: #9fc3e6;
  box-shadow: 0 16px 30px rgba(27, 48, 70, 0.1);
  transform: translateY(-2px);
}

.stak-onboarding__step--complete {
  background: #f6fbf7;
  border-color: #d5ead8;
}

.stak-onboarding__step-icon {
  align-items: center;
  background: #eef6fd;
  border: 1px solid #d7e8f8;
  border-radius: 16px;
  color: #337ab7;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 22px;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.stak-onboarding__step--complete .stak-onboarding__step-icon {
  background: #ecf9ee;
  border-color: #d4ebd7;
  color: #2d8a4d;
}

.stak-onboarding__step-copy {
  flex: 1;
  min-width: 0;
}

.stak-onboarding__step-label {
  color: #7a8fa5;
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.stak-onboarding__step-copy strong {
  color: #1d334a;
  display: block;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.stak-onboarding__step-state {
  color: #9fb2c5;
  flex-shrink: 0;
  font-size: 18px;
}

.stak-onboarding__step--complete .stak-onboarding__step-state {
  color: #2d8a4d;
}

/* Shared tablet onboarding modal */
.modal-content .stak-tablet-modal {
  padding: 28px;
}

.stak-tablet-modal__hero {
  align-items: flex-start;
  display: flex;
  gap: 18px;
}

.stak-tablet-modal__icon {
  align-items: center;
  background: linear-gradient(180deg, #f3f9ff 0%, #e2f0ff 100%);
  border: 1px solid #cfe3f7;
  border-radius: 20px;
  color: #337ab7;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 30px;
  height: 72px;
  justify-content: center;
  width: 72px;
}

.stak-tablet-modal__hero-copy {
  min-width: 0;
}

.stak-tablet-modal__eyebrow {
  color: #337ab7;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.stak-tablet-modal__title {
  color: #1d334a;
  font-size: 31px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  margin: 10px 0 8px !important;
}

.stak-tablet-modal__subtitle {
  color: #647b92;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.modal-content .stak-tablet-modal__body {
  font-size: 14px;
  line-height: 1.55;
  padding: 22px 0 0;
}

.stak-tablet-modal__steps,
.stak-tablet-modal__finish {
  display: grid;
  gap: 14px;
}

.stak-tablet-modal__step,
.stak-tablet-modal__finish {
  align-items: flex-start;
  background: #f8fbff;
  border: 1px solid #dbe8f4;
  border-radius: 18px;
  display: flex;
  gap: 14px;
  padding: 16px 18px;
}

.stak-tablet-modal__step strong,
.stak-tablet-modal__finish strong {
  color: #1d334a;
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 4px;
}

.stak-tablet-modal__step p,
.stak-tablet-modal__finish p {
  color: #647b92;
  margin: 0;
}

.stak-tablet-modal__step-number {
  align-items: center;
  background: #337ab7;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.stak-tablet-modal__credentials {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 16px 0;
}

.stak-tablet-modal__credential {
  background: #ffffff;
  border: 1px solid #d6e3ef;
  border-radius: 18px;
  padding: 16px 18px;
}

.stak-tablet-modal__credential span {
  color: #7a8fa5;
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.stak-tablet-modal__credential strong {
  color: #1d334a;
  display: block;
  font-size: 25px;
  font-weight: 850;
  line-height: 1.1;
  word-break: break-word;
}

.modal-content .stak-tablet-modal__footer {
  border-top: 0;
  margin-top: 18px;
  padding: 0;
}

.stak-tablet-modal__button {
  background: linear-gradient(180deg, #3b86c8 0%, #2c6fa9 100%);
  border: 0;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(51, 122, 183, 0.25);
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  min-height: 52px;
  width: 100%;
}

.stak-tablet-modal__button:hover,
.stak-tablet-modal__button:focus {
  color: #ffffff;
}

@media (max-width: 900px) {
  .stak-onboarding__header {
    flex-direction: column;
    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .stak-onboarding {
    border-radius: 18px !important;
    padding: 20px !important;
  }

  .stak-onboarding__title {
    font-size: 24px !important;
  }

  .stak-onboarding__grid,
  .stak-tablet-modal__credentials {
    grid-template-columns: 1fr;
  }

  .modal-content .stak-tablet-modal {
    padding: 22px;
  }

  .stak-tablet-modal__hero {
    flex-direction: column;
  }

  .stak-tablet-modal__title {
    font-size: 26px !important;
  }
}

/* Reports landing on dashboard */
#dashboard .reports-app-shell {
  margin: 0 0 20px !important;
}

#dashboard .reports-app-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 55%, #edf6ff 100%) !important;
  border: 1px solid #d8e6f2 !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 50px rgba(27, 48, 70, 0.09) !important;
  overflow: hidden !important;
  padding: 28px !important;
  position: relative !important;
}

#dashboard .reports-app-hero::after {
  background: radial-gradient(circle at top right, rgba(116, 179, 241, 0.2), transparent 48%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

#dashboard .reports-app-hero__copy {
  position: relative;
  z-index: 1;
  max-width: 920px;
}

#dashboard .reports-app-hero__eyebrow {
  color: #337ab7;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#dashboard .reports-app-hero__title {
  color: #1d334a;
  font-size: 42px !important;
  font-weight: 880 !important;
  letter-spacing: -0.03em;
  line-height: 1.02 !important;
  margin: 0 0 14px !important;
  max-width: 560px;
}

#dashboard .reports-app-hero__subtitle {
  color: #5f768d;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55;
  margin: 0;
  max-width: 620px;
}

#dashboard .reports-app-hero__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

#dashboard .reports-app-hero__step {
  align-items: center;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #d7e6f4;
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(27, 48, 70, 0.05);
  color: #1d334a;
  display: inline-flex;
  gap: 12px;
  min-height: 54px;
  padding: 0 18px;
}

#dashboard .reports-app-hero__step span {
  align-items: center;
  background: #337ab7;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 28px;
}

#dashboard .reports-app-hero__step strong {
  color: #1d334a;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

#dashboard .reports-app-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

#dashboard .reports-app-hero__action {
  align-items: center;
  border-radius: 16px;
  display: inline-flex;
  gap: 10px;
  min-height: 54px;
  padding: 0 18px;
  text-decoration: none !important;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#dashboard .reports-app-hero__action:hover {
  transform: translateY(-2px);
}

#dashboard .reports-app-hero__action .fa {
  font-size: 22px;
}

#dashboard .reports-app-hero__action span {
  font-size: 15px;
  font-weight: 800;
}

#dashboard .reports-app-hero__action--apple {
  background: #1d334a;
  box-shadow: 0 16px 30px rgba(29, 51, 74, 0.22);
  color: #ffffff !important;
}

#dashboard .reports-app-hero__action--google {
  background: linear-gradient(180deg, #3b86c8 0%, #2c6fa9 100%);
  box-shadow: 0 16px 30px rgba(51, 122, 183, 0.24);
  color: #ffffff !important;
}

#dashboard .reports-legacy-shell {
  left: -24000px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  visibility: hidden !important;
  width: 1440px !important;
  z-index: -1 !important;
}

@media (max-width: 640px) {
  #dashboard .reports-app-hero {
    border-radius: 20px !important;
    padding: 22px !important;
  }

  #dashboard .reports-app-hero__title {
    font-size: 30px !important;
  }

  #dashboard .reports-app-hero__subtitle {
    font-size: 16px;
  }

  #dashboard .reports-app-hero__steps,
  #dashboard .reports-app-hero__actions {
    flex-direction: column;
  }

  #dashboard .reports-app-hero__step,
  #dashboard .reports-app-hero__action {
    width: 100%;
  }
}