/* Product-card level 06, adapted to verified job listings.
   Cumulative: hierarchy, 8px spacing, one primary accent, top-lit depth,
   consistent corners, and restrained motion. Presentation only. */
#jobList > .backend-job.tc-job-level6 {
  --tc-job-accent:#2f6feb;
  position:relative;
  isolation:isolate;
  border:1px solid #e4e9f2;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(47,111,235,.045),rgba(255,255,255,0) 42%),#fff;
  box-shadow:0 16px 28px -23px rgba(25,56,104,.32),0 5px 13px -11px rgba(20,28,46,.12);
  transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease-out,border-color 220ms ease-out;
}
#jobList > .backend-job.tc-job-level6 .job-logo {
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 13px -10px rgba(47,111,235,.6);
}
#jobList > .backend-job.tc-job-level6 .job-main .title {
  color:#161d29;
  font-weight:800;
  overflow-wrap:anywhere;
}
#jobList > .backend-job.tc-job-level6 .job-main .company,
#jobList > .backend-job.tc-job-level6 .job-meta {
  color:#637084;
}
#jobList > .backend-job.tc-job-level6 .job-score .pct {
  color:var(--tc-job-accent);
}
/* Accent salary only when a numerical salary was actually disclosed. */
html body .row-opps #jobList .job-row.backend-job.tc-job-card-refined.tc-job-level6.tc-has-salary .job-meta .tc-meta-item[data-meta="salary"]::after {
  color:var(--tc-job-accent)!important;
}
#jobList > .backend-job.tc-job-level6 .job-actions .tc-open-job {
  width:100%;
  min-width:44px;
  min-height:44px;
  border:1px solid var(--tc-job-accent);
  border-radius:8px;
  background:var(--tc-job-accent);
  color:#fff;
  box-shadow:0 8px 16px -11px rgba(47,111,235,.9);
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
  transition:transform 160ms ease-out,box-shadow 200ms ease-out,background 200ms ease-out;
}
#jobList > .backend-job.tc-job-level6 .job-actions .tc-save-job {
  min-width:44px;
  min-height:44px;
  border-radius:8px;
  color:#42536c;
  background:#f7f9fd;
  transition:transform 160ms ease-out,background 200ms ease-out;
}
#jobList > .backend-job.tc-job-level6 .job-actions .tc-open-job:focus-visible,
#jobList > .backend-job.tc-job-level6 .job-actions .tc-save-job:focus-visible {
  outline:3px solid #81afff;
  outline-offset:2px;
}
#jobList > .backend-job.tc-job-level6:focus-visible {
  outline:3px solid #81afff;
  outline-offset:3px;
}
@media (hover:hover) and (pointer:fine) {
  #jobList > .backend-job.tc-job-level6:hover {
    transform:translateY(-4px);
    border-color:#bad0fb;
    box-shadow:0 23px 38px -23px rgba(25,56,104,.38),0 7px 18px -13px rgba(20,28,46,.14);
  }
  #jobList > .backend-job.tc-job-level6 .tc-open-job:hover {
    background:#245bd4;
    box-shadow:0 10px 19px -10px rgba(47,111,235,.85);
  }
}
#jobList > .backend-job.tc-job-level6:active {
  transform:scale(.992);
}
#jobList > .backend-job.tc-job-level6 .job-actions .tc-open-job:active,
#jobList > .backend-job.tc-job-level6 .job-actions .tc-save-job:active {
  transform:scale(.96);
}
@media (min-width:901px) {
  html body .row-opps #jobList .job-row.backend-job.tc-job-card-refined.tc-job-level6 .job-actions {
    grid-template-columns:44px minmax(118px,1fr)!important;
    justify-self:end!important;
    width:min(100%,220px)!important;
  }
}
/* One-time entrance, 40 ms between cards and content groups. Never on each refresh. */
@keyframes tc6-enter { from { opacity:0;transform:translateY(10px) } to { opacity:1;transform:translateY(0) } }
@keyframes tc6-detail { from { opacity:0;transform:translateY(5px) } to { opacity:1;transform:translateY(0) } }
#jobList > .backend-job.tc-job-level6.tc-job-enter {
  animation:tc6-enter 280ms ease-out both;
  animation-delay:var(--tc-enter-delay,0ms);
}
#jobList > .backend-job.tc-job-level6.tc-job-enter .job-main .title {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 0ms);
}
#jobList > .backend-job.tc-job-level6.tc-job-enter .job-main .company {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 40ms);
}
#jobList > .backend-job.tc-job-level6.tc-job-enter .job-meta {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 80ms);
}
#jobList > .backend-job.tc-job-level6.tc-job-enter .job-actions {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 120ms);
}
@media (max-width:900px) {
  #jobList > .backend-job.tc-job-level6 { border-radius:20px; }
  #jobList > .backend-job.tc-job-level6 .job-actions .tc-open-job { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  #jobList > .backend-job.tc-job-level6,
  #jobList > .backend-job.tc-job-level6 * {
    animation:none!important;
    transition:none!important;
  }
  #jobList > .backend-job.tc-job-level6:hover,
  #jobList > .backend-job.tc-job-level6:active,
  #jobList > .backend-job.tc-job-level6 .job-actions :active {transform:none!important;}
}