/* ============================================================
   TALENT PORTAL — Full customization
   ============================================================ */


/* ---- 1. MY AREA — Views sidebar relabel + trim ---- */

li:nth-child(4):has(.Menu__labelTxt),
li:nth-child(5):has(.Menu__labelTxt),
[class*="Menu__item"]:nth-child(4),
[class*="Menu__item"]:nth-child(5),
[class*="Menu__list"] > *:nth-child(4),
[class*="Menu__list"] > *:nth-child(5) {
  display: none !important;
}

li:nth-child(1) .Menu__labelTxt,
[class*="Menu__item"]:nth-child(1) .Menu__labelTxt,
[class*="Menu__list"] > *:nth-child(1) .Menu__labelTxt {
  font-size: 0 !important;
}
li:nth-child(1) .Menu__labelTxt::before,
[class*="Menu__item"]:nth-child(1) .Menu__labelTxt::before,
[class*="Menu__list"] > *:nth-child(1) .Menu__labelTxt::before {
  content: "All my talents";
  font-size: 14px;
  font-weight: inherit;
  color: inherit;
}

li:nth-child(2) .Menu__labelTxt,
[class*="Menu__item"]:nth-child(2) .Menu__labelTxt,
[class*="Menu__list"] > *:nth-child(2) .Menu__labelTxt {
  font-size: 0 !important;
}
li:nth-child(2) .Menu__labelTxt::before,
[class*="Menu__item"]:nth-child(2) .Menu__labelTxt::before,
[class*="Menu__list"] > *:nth-child(2) .Menu__labelTxt::before {
  content: "Active talents";
  font-size: 14px;
  font-weight: inherit;
  color: inherit;
}

li:nth-child(3) .Menu__labelTxt,
[class*="Menu__item"]:nth-child(3) .Menu__labelTxt,
[class*="Menu__list"] > *:nth-child(3) .Menu__labelTxt {
  font-size: 0 !important;
}
li:nth-child(3) .Menu__labelTxt::before,
[class*="Menu__item"]:nth-child(3) .Menu__labelTxt::before,
[class*="Menu__list"] > *:nth-child(3) .Menu__labelTxt::before {
  content: "Terminated talents";
  font-size: 14px;
  font-weight: inherit;
  color: inherit;
}


/* ---- 2. TICKET DETAIL — align cards exactly with search bar ---- */

.portalContainer.ticketDetail .Layout__twoColumn {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding-left: 199px !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.portalContainer.ticketDetail .Layout__layout1,
.portalContainer.ticketDetail .Layout__layout2 {
  width: 798px !important;
  max-width: 798px !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.portalContainer.ticketDetail .Layout__layout2 {
  margin-top: 20px !important;
}

.portalContainer.ticketDetail .TicketDetailLeftContainer__wrapper,
.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 30px !important;
  box-shadow: none !important;
}

.portalContainer.ticketDetail .TicketDetailLeftContainer__boxView {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* ---- 3. TICKET DETAIL — replace "Ticket Properties" with "Talent Details" ---- */

.TicketDetailRightContainer2__title {
  font-size: 0 !important;
}
.TicketDetailRightContainer2__title::before {
  content: "Talent Details";
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  display: inline-block;
}


/* ---- 4. TICKET DETAIL — Talent Details in 2 columns ---- */

.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px 40px !important;
  align-items: start !important;
}

.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper .view_properties,
.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper .view_properties > div {
  display: contents !important;
}

.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper > .TicketDetailRightContainer2__property:first-child {
  grid-column: 1 / -1 !important;
}

.portalContainer.ticketDetail .TicketDetailRightContainer2__sectionName {
  grid-column: 1 / -1 !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e5e7eb !important;
}

.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper > div:has(.TicketClosePopup__container),
.portalContainer.ticketDetail .TicketDetailRightContainer2__wrapper > .TicketDetailRightContainer2__widget {
  grid-column: 1 / -1 !important;
}


/* ---- 5. HEADER — hide breadcrumb on ticket detail pages ---- */

.portalContainer.ticketDetail .BreadCrumbs__breadcrumbsView {
  display: none !important;
}