/*
 * Skillfinder Appearance v0.1.40 — Logged-in Workspace and Creation Pages
 * Applies the approved UI V2 header and quiet workspace presentation to
 * Workreap pages that sit outside templates/dashboard.php.
 */

body.sfc-ui-v2-workspace {
  --sfc-workspace-page: var(--sfc-ui-page, #f7f8fa);
  --sfc-workspace-surface: var(--sfc-ui-surface, #fff);
  --sfc-workspace-border: var(--sfc-ui-border, #e7eaed);
  --sfc-workspace-border-strong: var(--sfc-ui-border-strong, #d8dde2);
  --sfc-workspace-heading: var(--sfc-ui-heading, #17191c);
  --sfc-workspace-text: var(--sfc-ui-text, #4f565e);
  --sfc-workspace-muted: var(--sfc-ui-muted, #69717a);
  --sfc-workspace-primary: var(--sfc-ui-primary, #1b8996);
  --sfc-workspace-primary-hover: var(--sfc-ui-primary-hover, #157784);
  --sfc-workspace-primary-soft: var(--sfc-ui-primary-soft, rgba(27, 137, 150, .09));
  --sfc-workspace-radius: 14px;
  --sfc-workspace-radius-lg: 18px;
  --sfc-workspace-container: 1400px;
}

/* Logged-in Workreap header parity on search, creation and recruitment pages. */
body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header {
  position: relative;
  z-index: 101;
  border: 0 !important;
  border-bottom: 1px solid var(--sfc-workspace-border) !important;
  background: var(--sfc-workspace-surface) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header > :where(.container, .container-fluid) {
  width: min(calc(100% - 40px), var(--sfc-workspace-container)) !important;
  max-width: var(--sfc-workspace-container) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerwrap {
  display: flex !important;
  align-items: center !important;
  min-height: 64px;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo {
  display: inline-flex !important;
  flex: 0 0 158px;
  align-items: center;
  width: 158px;
  max-width: 158px !important;
  margin: 0 28px 0 0 !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo > a {
  display: inline-flex !important;
  align-items: center;
  width: 158px;
  min-height: 50px;
  background: url('../images/skillfinder-standard-logo.png') left center / contain no-repeat;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo img {
  width: 158px !important;
  max-width: 158px !important;
  height: auto !important;
  opacity: 0 !important;
}

/* Do not allow the menu to consume all available width. Margin-left places it right. */
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbar {
  min-width: 0;
  flex: initial !important;
  margin-left: auto !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbar .navbar-collapse,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav {
  justify-content: flex-end !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav {
  align-items: center;
  gap: 5px;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav > li {
  margin: 0 !important;
  padding: 0 !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav > li > a {
  min-height: 42px;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #4f565e !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav > li > a:hover,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav > li > a:focus-visible,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav > li.current-menu-item > a {
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerwrap__right {
  flex: 0 0 auto;
  margin-left: 14px !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header :where(.wr-headerchatbtn > a, .wr-menu-notifications > a, .wr-userlogin > a, .wr-nav-signin) {
  color: #4f565e !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-userlogin > a,
body.sfc-ui-v2-workspace .wr-dashboard-header a.wr-nav-signin {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  padding: 3px !important;
  border: 1px solid var(--sfc-workspace-border-strong) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-userlogin img,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-nav-signin img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 999px !important;
  object-fit: cover;
}

body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) {
  min-width: 220px;
  padding: 8px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--sfc-ui-popover-shadow, 0 14px 34px rgba(15, 23, 42, .10)) !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) li,
body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) li + li {
  margin: 0 !important;
  border: 0 !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) a {
  min-height: 40px;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--sfc-workspace-muted) !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) a:hover,
body.sfc-ui-v2-workspace .wr-dashboard-header :where(.sub-menu, .children) a:focus-visible {
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}

/* Shared logged-in sub-navigation. */
body.sfc-ui-v2-workspace .wr-headerbottom {
  position: relative;
  z-index: 99;
  border: 0 !important;
  border-bottom: 1px solid var(--sfc-workspace-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom > .container {
  width: min(calc(100% - 40px), var(--sfc-workspace-container)) !important;
  max-width: var(--sfc-workspace-container) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav {
  align-items: center;
  gap: 6px;
  padding-block: 7px !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a {
  min-height: 44px;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--sfc-workspace-muted) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a::before,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a::after {
  border: 0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a:hover,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a:focus-visible,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > a.active,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li.current-menu-item > a,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li.current-menu-ancestor > a {
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu {
  min-width: 220px;
  margin-top: 8px !important;
  padding: 8px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--sfc-ui-popover-shadow, 0 14px 34px rgba(15, 23, 42, .10)) !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu > li {
  margin: 0 !important;
  border: 0 !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu > li > a {
  min-height: 40px;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--sfc-workspace-muted) !important;
  text-decoration: none !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu > li > a:hover,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu > li > a:focus-visible,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu > li.active > a {
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}

/* Search Projects: retain the established layout while removing heavy framing. */
body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search {
  padding-top: 48px !important;
}

body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search .sfc-wr-project-hero-search {
  border-color: var(--sfc-workspace-border-strong) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search form.wr-searchlist,
body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search .sfc-wr-project-card--profile-hero,
body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search .wr-no-record {
  border-color: var(--sfc-workspace-border) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace.page-template-search-projects .sfc-wr-project-search .sfc-wr-project-card--profile-hero:hover {
  border-color: rgba(27, 137, 150, .42) !important;
  box-shadow: none !important;
}

/* Recruitment job board: quieter search and empty/list surfaces. */
body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-search-main {
  border-color: var(--sfc-workspace-border-strong) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-filter-row {
  gap: 12px !important;
}

body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-filter-row :where(input, select, .select2-selection) {
  border-color: var(--sfc-workspace-border-strong) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-empty {
  min-height: 170px;
  padding: 38px 28px !important;
  border: 0 !important;
  border-radius: var(--sfc-workspace-radius-lg) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-list-card,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-job-preview-wrap {
  border-color: var(--sfc-workspace-border) !important;
  box-shadow: none !important;
}

/* Add/Edit Task: clean creation workflow without changing Workreap forms. */
body.sfc-ui-v2-workspace.page-template-add-task,
body.sfc-ui-v2-workspace:has(.wr-postservicev2) {
  background: var(--sfc-workspace-page) !important;
}

body.sfc-ui-v2-workspace.page-template-add-task .wr-main-section,
body.sfc-ui-v2-workspace:has(.wr-postservicev2) .wr-main-section {
  padding: 54px 0 72px !important;
  background: var(--sfc-workspace-page) !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 {
  width: min(100%, 1180px);
  margin-inline: auto;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 22px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: var(--sfc-workspace-radius-lg) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps > li {
  min-width: 0;
  margin: 0 !important;
  border: 0 !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps a {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  padding: 18px 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sfc-workspace-muted) !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps a::after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}

body.sfc-ui-v2-workspace .wr-postservicev2 :where(.wr-addservice-step-fill, .wr-addservice-step-complete) a {
  color: var(--sfc-workspace-heading) !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-step-fill a::after {
  background: var(--sfc-workspace-primary) !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservices-steps {
  padding: 32px 36px !important;
  border: 0 !important;
  border-radius: var(--sfc-workspace-radius-lg) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 :where(.wr-themeform, .wr-themeform fieldset, .wr-themeform .form-group) {
  border: 0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .wr-themeform fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  margin: 0 !important;
  padding: 0 !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .form-group,
body.sfc-ui-v2-workspace .wr-postservicev2 .form-group_vertical {
  margin-bottom: 22px !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 .form-group-title {
  margin: 0 0 8px !important;
  color: var(--sfc-workspace-heading) !important;
  line-height: 1.45 !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 :where(input.form-control, select, textarea, .select2-selection--single, .select2-selection--multiple) {
  border-color: var(--sfc-workspace-border-strong) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 :where(.wr-btn, .wr-btn-solid-lg, button[type='submit']) {
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sfc-ui-v2-workspace .wr-postservicev2 :where(.wr-btn, .wr-btn-solid-lg, button[type='submit']):hover {
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 1199px) {
  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbar {
    margin-left: auto !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .navbar-collapse {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    padding: 10px 20px 16px;
    border-bottom: 1px solid var(--sfc-workspace-border);
    background: #fff;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-navbarnav {
    align-items: stretch;
  }

  body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav {
    align-items: stretch;
    gap: 3px;
    padding: 8px !important;
  }

  body.sfc-ui-v2-workspace .wr-headerbottom .wr-navbarnav > li > .sub-menu {
    margin: 4px 0 6px 14px !important;
    border: 0 !important;
    border-left: 2px solid var(--sfc-workspace-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width: 767px) {
  body.sfc-ui-v2-workspace .wr-dashboard-header > :where(.container, .container-fluid),
  body.sfc-ui-v2-workspace .wr-headerbottom > .container {
    width: min(calc(100% - 28px), var(--sfc-workspace-container)) !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo {
    flex-basis: 136px;
    width: 136px;
    max-width: 136px !important;
    margin-right: 12px !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo > a,
  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-logo img {
    width: 136px !important;
    max-width: 136px !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-userlogin > a,
  body.sfc-ui-v2-workspace .wr-dashboard-header a.wr-nav-signin {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-userlogin img,
  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-nav-signin img {
    width: 44px !important;
    height: 44px !important;
  }

  body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps {
    grid-template-columns: 1fr 1fr;
    padding: 0 12px !important;
  }

  body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservice-steps a {
    min-height: 62px;
    padding: 13px 8px !important;
  }

  body.sfc-ui-v2-workspace .wr-postservicev2 .wr-addservices-steps {
    padding: 24px 20px !important;
  }
}

/* v0.1.40 — nested sub-header and light-header notification corrections. */
body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom {
  border: 0 !important;
  border-bottom: 1px solid var(--sfc-workspace-border) !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom .wr-headerbottom {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-nav-icons,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-notidropdowns > a,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn > a {
  color: #4f565e !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications :where(.wr-nav-icons, .wr-notidropdowns > a) > i,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn > a > i,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-icon-bell::before,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn .wr-icon-message-square::before {
  color: currentColor !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-nav-icons:hover,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-nav-icons:focus-visible,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn > a:hover,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn > a:focus-visible {
  color: var(--sfc-workspace-primary-hover) !important;
}


/* v0.1.47 — Recruitment My Jobs and Applicants QA cleanup. */
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #ead8b2 !important;
  border-radius: 12px !important;
  background: #fffaf0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-label {
  margin-right: auto !important;
  color: #7b5421 !important;
  font-weight: 600 !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-service-button.wrb-btn,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-btn {
  border: 1px solid #d7b66c !important;
  background: #fffdf8 !important;
  background-image: none !important;
  color: #67471d !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-service-button.wrb-btn:hover,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-btn:hover {
  border-color: #b98d36 !important;
  background: #f8edd4 !important;
  color: #523713 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-cost {
  border: 0 !important;
  background: #f4e5c4 !important;
  color: #704b18 !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-job-delete-link {
  min-height: auto !important;
  padding: 6px 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: #b42318 !important;
  font: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-job-delete-link:hover,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-job-delete-link:focus-visible {
  color: #8f1d14 !important;
  text-decoration: underline !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board {
  width: min(100%, 1240px) !important;
  margin-inline: auto !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board :where(
  .wrb-applicant-hero,
  .wrb-applicant-filter,
  .wrb-applicant-service-panel,
  .wrb-applicant-preview-wrap,
  .wrb-applicant-review-form
) {
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-hero {
  align-items: end !important;
  gap: 24px !important;
  padding: 0 0 22px !important;
  border: 0 !important;
  background: transparent !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-summary {
  gap: 8px !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-stat {
  min-width: 78px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-filter {
  padding: 16px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-shell {
  gap: 16px !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-list-card {
  margin: 0 0 10px !important;
  padding: 16px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-list-card:hover,
body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-list-card.is-active {
  border-color: var(--sfc-workspace-primary) !important;
  background: var(--sfc-workspace-primary-soft) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-preview-wrap {
  padding: 20px !important;
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-preview,
body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-preview-top {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-review-form {
  border: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-service-panel {
  border: 1px solid #ead8b2 !important;
  background: #fffaf0 !important;
}

body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-service-tool-card {
  border: 1px solid #e5c98f !important;
  background: #fffdf8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-hero {
    align-items: stretch !important;
  }

  body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools {
    align-items: stretch !important;
  }

  body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-label {
    width: 100% !important;
  }

  body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.sfc-ui-v2-workspace .wrb-applicant-board .wrb-applicant-preview-wrap {
    padding: 16px !important;
  }
}


/* v0.1.48 — compact/sticky workspace header and final recruitment controls. */
body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: #fff !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom .wr-headerbottom {
  position: static !important;
  top: auto !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications:hover > a,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications:focus-within > a,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications:hover .wr-nav-icons,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications:focus-within .wr-nav-icons,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-notidropdowns:hover > a,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-notidropdowns:focus-within > a {
  border-radius: 10px !important;
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools {
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--sfc-workspace-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-label {
  color: var(--sfc-workspace-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-service-button.wrb-btn,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-btn {
  border: 1px solid rgba(27, 137, 150, .28) !important;
  background: #fff !important;
  color: var(--sfc-workspace-primary) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-service-button.wrb-btn:hover,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-btn:hover,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-service-button.wrb-btn:focus-visible,
body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-btn:focus-visible {
  border-color: rgba(27, 137, 150, .48) !important;
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wrb-my-jobs .wrb-my-job-paid-tools .wrb-paid-cost {
  border: 0 !important;
  background: rgba(27, 137, 150, .10) !important;
  color: var(--sfc-workspace-primary-hover) !important;
}


/* v0.1.50 — mobile navigation icon visibility and notification control sizing. */
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications :where(.wr-nav-icons, .wr-notidropdowns > a),
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

body.sfc-ui-v2-workspace .wr-dashboard-header .wr-menu-notifications .wr-remaining-notification,
body.sfc-ui-v2-workspace .wr-dashboard-header .wr-headerchatbtn .wr-remaining-notification {
  top: 0 !important;
  right: 0 !important;
}

@media (max-width: 1199px) {
  body.sfc-ui-v2-workspace .wr-dashboard-header .navbar-toggler {
    border-color: rgba(27, 137, 150, .18) !important;
    background: transparent !important;
    color: var(--sfc-workspace-primary-hover) !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .navbar-toggler :where(.wr-icon-menu, .wr-icon-menu::before) {
    color: var(--sfc-workspace-primary-hover) !important;
  }

  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-dropdowarrow i,
  body.sfc-ui-v2-workspace .wr-dashboard-header .wr-dropdowarrow i::before,
  body.sfc-ui-v2-workspace .wr-headerbottom .wr-dropdowarrow i,
  body.sfc-ui-v2-workspace .wr-headerbottom .wr-dropdowarrow i::before {
    color: currentColor !important;
  }

  body.sfc-ui-v2-workspace :where(.wr-dashboard-header, .wr-headerbottom) .wr-dropdowarrow {
    border: 0 !important;
    background: var(--sfc-workspace-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
  }
}

/* v0.1.53 — service builder, project-start width, profile-nav density and recruitment cards. */
body.sfc-ui-v2-workspace-add-task .wr-main-section {
  padding: 38px 0 68px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-main-section > .container,
body.sfc-ui-v2-workspace-add-project .wr-main-section > .container {
  width: min(100% - 40px, 1240px) !important;
  max-width: 1240px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 {
  width: 100% !important;
  max-width: 1240px !important;
}

body.sfc-ui-v2-workspace-add-task .sfc-ui-v2-service-builder-heading {
  margin: 0 0 18px !important;
  padding: 0 4px !important;
}

body.sfc-ui-v2-workspace-add-task .sfc-ui-v2-service-builder-heading > span {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--sfc-workspace-primary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.sfc-ui-v2-workspace-add-task .sfc-ui-v2-service-builder-heading h1 {
  margin: 0 0 7px !important;
}

body.sfc-ui-v2-workspace-add-task .sfc-ui-v2-service-builder-heading p {
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--sfc-workspace-muted) !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservice-steps {
  margin-bottom: 16px !important;
  padding-inline: 18px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservice-steps a {
  min-height: 64px !important;
  padding: 14px 10px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservices-steps {
  padding: 30px 34px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-themeform fieldset {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 22px 18px !important;
  align-items: start !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-themeform fieldset > :where(.form-group, .form-group_vertical) {
  grid-column: 1 / -1;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-themeform fieldset > :where(.form-group-half) {
  grid-column: span 6;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-themeform fieldset > :where(.form-group-3half) {
  grid-column: span 4;
  width: 100% !important;
  max-width: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(#wr_sub_category, #wr_category_level3):empty {
  display: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(.wr-select, .select2-container, input.form-control, textarea.form-control) {
  width: 100% !important;
  max-width: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wp-editor-wrap {
  overflow: hidden !important;
  border: 1px solid var(--sfc-workspace-border-strong) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(.wp-editor-container, .mce-panel, .mce-top-part, .mce-toolbar-grp) {
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .mce-toolbar-grp {
  padding: 6px 8px !important;
  border-bottom: 1px solid var(--sfc-workspace-border) !important;
  background: var(--sfc-workspace-page) !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(.mce-btn, .mce-btn-group, .mce-btn button) {
  min-width: 0 !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--sfc-workspace-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .mce-btn button {
  padding: 4px 7px !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(.mce-btn:hover, .mce-btn:focus, .mce-btn.mce-active, .mce-btn.mce-active:hover) {
  border: 0 !important;
  background: var(--sfc-workspace-primary-soft) !important;
  color: var(--sfc-workspace-primary-hover) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 :where(.mce-ico, .mce-caret, .mce-txt) {
  color: currentColor !important;
  text-shadow: none !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .mce-edit-area iframe {
  min-height: 300px !important;
  background: #fff !important;
}

body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-postservicebtn {
  grid-column: 1 / -1 !important;
  padding-top: 4px !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section {
  padding: 44px 0 70px !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section > .container > .row:has(.wr-newproject-list) {
  justify-content: center !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section > .container > .row:has(.wr-newproject-list) > [class*="col-"]:has(.wr-newproject-list) {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 1180px !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-postproject-title {
  max-width: 760px !important;
  margin: 0 auto 26px !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list > li {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list .wr-postproject-new,
body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list .sfpa-ai-start-card {
  width: 100% !important;
  min-height: 310px !important;
}

body.sfc-ui-v2-dashboard-ref-dashboard .wr-settings-page-wrap .wr-asideholder {
  padding: 6px !important;
}

body.sfc-ui-v2-dashboard-ref-dashboard .wr-settings-page-wrap .wr-settingtab {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sfc-ui-v2-dashboard-ref-dashboard .wr-settings-page-wrap .wr-settingtab > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.sfc-ui-v2-dashboard-ref-dashboard .wr-settings-page-wrap .wr-settingtab a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 11px 13px !important;
  border-radius: 9px !important;
}

body.sfc-ui-v2-dashboard-ref-dashboard .wr-settings-page-wrap .wr-settingtab a i {
  flex: 0 0 20px !important;
  width: 20px !important;
  margin: 0 !important;
  text-align: center !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card {
  gap: 14px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--sfc-workspace-border, #e7eaed) !important;
  border-radius: 14px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card .wrb-support-icon,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card .wrb-support-icon {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  border-radius: 12px !important;
  font-size: 20px !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card-resume .wrb-support-icon,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card-resume .wrb-support-icon {
  background: var(--sfc-workspace-primary-soft, rgba(27, 137, 150, .09)) !important;
  color: var(--sfc-workspace-primary, #1b8996) !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card-employer .wrb-support-icon,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card-employer .wrb-support-icon {
  background: var(--sfc-ui-warm-soft, #f6ece6) !important;
  color: var(--sfc-ui-warm-dark, #89563b) !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card strong,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card strong {
  margin-bottom: 3px !important;
  font-size: 17px !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card p,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card p {
  color: var(--sfc-workspace-muted, #69717a) !important;
  line-height: 1.5 !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card .wrb-btn,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card .wrb-btn {
  min-height: 42px !important;
  border-color: var(--sfc-workspace-border-strong, #d8dde2) !important;
  background: #fff !important;
  color: var(--sfc-workspace-heading, #17191c) !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card .wrb-btn:hover,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card .wrb-btn:focus-visible,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card .wrb-btn:hover,
body.sfc-ui-v2-workspace .wrb-job-board .wrb-support-card .wrb-btn:focus-visible {
  border-color: rgba(27, 137, 150, .34) !important;
  background: var(--sfc-workspace-primary-soft, rgba(27, 137, 150, .09)) !important;
  color: var(--sfc-workspace-primary-hover, #157784) !important;
}

@media (max-width: 900px) {
  body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-themeform fieldset > :where(.form-group-3half, .form-group-half) {
    grid-column: 1 / -1 !important;
  }

  body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list {
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }

  body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list .wr-postproject-new,
  body.sfc-ui-v2-workspace-add-project .wr-main-section .wr-newproject-list .sfpa-ai-start-card {
    min-height: 240px !important;
  }
}

@media (max-width: 700px) {
  body.sfc-ui-v2-workspace-add-task .wr-main-section > .container,
  body.sfc-ui-v2-workspace-add-project .wr-main-section > .container {
    width: min(100% - 24px, 1240px) !important;
  }

  body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservice-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px !important;
  }

  body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservice-steps a {
    min-height: 52px !important;
  }

  body.sfc-ui-v2-workspace-add-task .wr-postservicev2 .wr-addservices-steps {
    padding: 22px 18px !important;
  }
}

body.sfc-ui-v2-workspace-add-project .wr-main-section .row.justify-content-center:has(.wr-newproject-list) > .col-xl-8 {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* v0.1.57 — dashboard subheader spacing and nested-wrapper compatibility. */
body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header {
  padding: 0 !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-freelancer-tabs .wr-navbarnav > li,
body.sfc-ui-v2-dashboard .wr-headerbottom .wr-freelancer-tabs .wr-navbarnav > li {
  padding: 2px 0 !important;
}

/*
 * Workreap 3.5.0 renders an outer subheader shell and its submenu template
 * renders a second container/row shell. Workreap Child v0.0.27 removes the
 * duplicate markup. These rules keep the layout full width during upgrades
 * or whenever the parent template is temporarily used as a fallback.
 */
body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container > .row,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container > .row {
  margin: 0 !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container > .row > .col-lg-12,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom > .container > .row > .col-lg-12 {
  padding: 0 !important;
}

body.sfc-ui-v2-workspace .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom .wr-freelancer-tabs,
body.sfc-ui-v2-dashboard .wr-header.wr-dashboard-header + .wr-headerbottom > .container > .row > .col-lg-12 > .wr-freelancer-tabs > .wr-headerbottom .wr-freelancer-tabs {
  width: 100% !important;
}


/* v0.1.58 — restored contrast and shape for the right-side workspace CTA. */
body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button {
  min-height: 44px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--sfc-workspace-primary) !important;
  border-radius: 10px !important;
  background: var(--sfc-workspace-primary) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button :where(span, i),
body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button::before,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button::after {
  color: inherit !important;
}

body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button:hover,
body.sfc-ui-v2-workspace .wr-headerbottom .wr-bootstraps-tabs-button .wr-tabs-button:focus-visible {
  border-color: var(--sfc-workspace-primary-hover) !important;
  background: var(--sfc-workspace-primary-hover) !important;
  color: #fff !important;
}