.dhStudioPositions{
  display:grid;
  gap:10px;
  margin:0 0 16px;
  min-width:0;
}

.dhStudioPosition{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px 16px;
  border:1px solid #352140;
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(126,33,190,.14),transparent 36%),
    linear-gradient(145deg,#140e1c,#0c0810);
  scroll-margin-top:12px;
}

.dhStudioPosition h3{
  margin:4px 0;
  font-size:18px;
}

.dhStudioPosition p{
  margin:0;
  color:#c5b8cc;
  font-size:12px;
  overflow-wrap:anywhere;
}

.dhStudioPosition .jobHeaderActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}

.dhStudioAppList{
  display:grid;
  gap:10px;
  min-width:0;
  padding:4px;
}

.dhStudioAppItem{
  min-width:0;
  border:1px solid #412652;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 0,rgba(126,33,190,.18),transparent 32%),
    linear-gradient(145deg,#16101f,#0c0810);
  box-shadow:0 0 22px rgba(120,40,200,.1);
}

.dhStudioAppOpen{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  padding:12px 14px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  scroll-margin:8px;
}

.dhStudioAppOpen:focus-visible,
.dhStudioPosition .btn:focus-visible{
  outline:3px solid #c084fc;
  outline-offset:2px;
}

.dhStudioAppPhoto{
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:12px;
  object-fit:cover;
  border:1px solid #6d368f;
  background:#150c1c;
  box-shadow:0 0 16px rgba(147,40,255,.18);
}

.dhStudioAppMain{
  display:grid;
  gap:2px;
  flex:1 1 auto;
  min-width:0;
}

.dhStudioAppName{
  font-size:15px;
  font-weight:850;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.dhStudioAppPosition,
.dhStudioAppMeta{
  color:#c5b8cc;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.dhStudioAppAside{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  max-width:46%;
}

.dhStudioAppVideo{
  color:#f0d4ff;
  border:1px solid #6d368f;
  border-radius:999px;
  padding:3px 8px;
  background:rgba(111,44,255,.2);
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.dhStudioAppExpanded{
  min-width:0;
  padding:4px 10px 14px;
}

.dhStudioPosition .btn{
  min-height:40px;
  padding:10px 16px;
  color:#fff !important;
  border:0 !important;
  border-radius:12px;
  background:linear-gradient(135deg,#6424f5,#a21caf) !important;
  box-shadow:0 8px 20px rgba(132,44,220,.32);
}

.dhStudioAppItem .appStatus{
  padding:6px 10px;
  font-size:11px;
  letter-spacing:.04em;
}

.dhStudioAppExpanded .applicantCard{
  min-width:0;
  max-width:100%;
  border:1px solid rgba(216,180,254,.42);
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0 0,rgba(192,38,211,.2),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(100,36,245,.28),transparent 38%),
    linear-gradient(165deg,#241433 0%,#140c1e 46%,#0c0712 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 42px rgba(76,20,140,.34);
}

.dhStudioAppExpanded .applicantTop{
  align-items:center;
  gap:18px;
  padding:20px 18px 12px !important;
}

.dhStudioAppExpanded .applicantIdentity{
  align-items:center;
  gap:16px;
  min-width:0;
}

.dhStudioAppExpanded .applicantPhoto{
  width:88px !important;
  height:88px !important;
  border-radius:20px !important;
  border:2px solid #e9d5ff;
  box-shadow:
    0 0 0 5px rgba(126,34,206,.32),
    0 0 26px rgba(168,85,247,.42);
}

.dhStudioAppExpanded .appAppliedFor{
  color:#f3e8ff;
  font-size:12px;
  letter-spacing:.14em;
}

.dhStudioAppExpanded .applicantIdentity h3{
  margin:3px 0 4px;
  font-size:28px !important;
  line-height:1.1;
  letter-spacing:-.03em;
}

.dhStudioAppExpanded .applicantHeadline{
  color:#eadfff;
  font-size:14px;
}

.dhStudioAppExpanded .applicantMeta{
  margin-top:6px;
  color:#ddd0ee;
  font-size:13px;
}

.dhStudioAppExpanded .applicantStatusArea{
  display:grid;
  justify-items:end;
  gap:8px;
}

.dhStudioAppExpanded .applicantStatusArea small{
  color:#e4d7f2;
  font-size:13px;
}

.dhStudioAppExpanded .applicantStatusArea .appStatus{
  padding:8px 12px;
  font-size:12px;
}

.dhStudioAppExpanded .jobAppliedCard{
  margin:0 16px 12px !important;
  border:1px solid rgba(216,180,254,.28);
  border-radius:16px;
  background:rgba(216,180,254,.16);
}

.dhStudioAppExpanded .jobAppliedCard>div{
  padding:14px;
  background:rgba(14,9,22,.9);
}

.dhStudioAppExpanded .jobAppliedCard span{
  color:#e9d5ff;
  font-size:11px;
  letter-spacing:.08em;
}

.dhStudioAppExpanded .jobAppliedCard b{
  margin-top:5px;
  color:#fff;
  font-size:15px;
  line-height:1.35;
}

.dhStudioAppExpanded .compactVideoRow{
  margin:0 16px 12px !important;
  padding:14px 16px !important;
  border:1px solid rgba(216,180,254,.28);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(88,28,135,.2),rgba(12,8,18,.72));
}

.dhStudioAppExpanded .compactVideoRow b{
  color:#fff;
  font-size:15px;
}

.dhStudioAppExpanded .applicantDetailGrid{
  gap:12px !important;
  margin:0 16px 14px !important;
}

.dhStudioAppExpanded .compactHiringInfo{
  min-height:104px;
  align-items:flex-start;
  gap:12px;
  padding:16px;
  border:1px solid rgba(216,180,254,.3);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(76,29,149,.24),rgba(12,8,18,.78));
}

.dhStudioAppExpanded .compactHiringIcon{
  width:40px;
  height:40px;
  border-radius:12px;
  font-size:16px;
}

.dhStudioAppExpanded .compactHiringInfo:first-child .compactHiringIcon{
  color:#bbf7d0;
  border-color:#3f6b52;
  background:#123024;
}

.dhStudioAppExpanded .compactHiringInfo:nth-child(2) .compactHiringIcon{
  color:#fde68a;
  border-color:#854d0e;
  background:#2a2110;
}

.dhStudioAppExpanded .compactHiringInfo.noteInfo .compactHiringIcon{
  color:#f5d0fe;
  border-color:#7e22ce;
  background:#3b0764;
}

.dhStudioAppExpanded .compactHiringCopy span{
  color:#f3e8ff;
  font-size:12px;
  letter-spacing:.08em;
}

.dhStudioAppExpanded .compactHiringCopy b{
  margin-top:6px;
  color:#fff;
  font-size:16px;
  line-height:1.3;
  white-space:normal;
}

.dhStudioAppExpanded .compactHiringCopy small{
  margin-top:4px;
  color:#ddd0ee;
  font-size:13px;
  line-height:1.35;
}

.dhStudioAppExpanded .compactState{
  position:static;
  padding:7px 10px;
  font-size:11px;
  letter-spacing:.04em;
}

.dhStudioAppExpanded .applicantActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 16px 18px !important;
  border-top:1px solid rgba(216,180,254,.22);
  background:transparent;
}

.dhStudioAppExpanded .applicantActions .btn,
.dhStudioAppExpanded .videoWatchBtn,
.dhStudioAppExpanded .compactNoteButton,
.dhStudioAppExpanded .appNoteDrawerActions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:44px;
  padding:10px 16px !important;
  border-radius:12px;
  font-size:14px !important;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  white-space:normal;
  color:#f7f1ff !important;
  border:1px solid rgba(216,180,254,.46) !important;
  background:linear-gradient(180deg,rgba(109,40,217,.5),rgba(46,16,84,.82)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.dhStudioAppExpanded .applicantActions .shortlistBtn,
.dhStudioAppExpanded .applicantActions .interviewBtn,
.dhStudioAppExpanded .applicantActions .offerBtn,
.dhStudioAppExpanded .applicantActions .hireApplicantBtn,
.dhStudioAppExpanded .videoWatchBtn,
.dhStudioAppExpanded .appNoteDrawerActions .btn.primary{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#6424f5 0%,#8b2fc9 52%,#a21caf 100%) !important;
  box-shadow:0 8px 22px rgba(132,44,220,.38);
}

.dhStudioAppExpanded .applicantActions .declineBtn{
  color:#ffe4ea !important;
  border:1px solid #9f4054 !important;
  background:linear-gradient(180deg,#6b2436,#3f1522) !important;
  box-shadow:none;
}

.dhStudioAppExpanded .appNoteDrawer{
  border:1px solid rgba(216,180,254,.3);
  border-radius:16px;
  background:#120b1a;
}

.dhStudioAppExpanded .appNoteInput{
  color:#fff;
  font-size:14px;
}

.dhStudioPosition .btn,
.dhStudioAppExpanded .btn,
.dhStudioAppExpanded .applicantCard{
  transition:box-shadow .15s ease,transform .15s ease;
}

.dhStudioAppExpanded .btn:focus-visible,
.dhStudioPosition .btn:focus-visible,
.dhStudioAppOpen:focus-visible{
  outline:3px solid #f5d0fe;
  outline-offset:2px;
}

@media(max-width:700px){
  .dhStudioPosition,
  .dhStudioAppOpen{
    flex-direction:column;
    align-items:flex-start;
  }

  .dhStudioAppAside{
    align-items:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
    max-width:100%;
  }

  .dhStudioPosition .jobHeaderActions{
    justify-content:flex-start;
  }

  .dhStudioPosition .btn,
  .dhStudioAppExpanded .applicantActions .btn,
  .dhStudioAppExpanded .videoWatchBtn,
  .dhStudioAppExpanded .compactNoteButton{
    min-height:44px;
    width:100%;
  }

  .dhStudioAppExpanded .applicantTop,
  .dhStudioAppExpanded .applicantIdentity{
    align-items:flex-start;
  }

  .dhStudioAppExpanded .applicantStatusArea{
    justify-items:start;
  }

  .dhStudioAppExpanded .applicantPhoto{
    width:72px !important;
    height:72px !important;
  }

  .dhStudioAppExpanded .applicantIdentity h3{
    font-size:24px !important;
  }

  .dhStudioAppExpanded .applicantActions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
  }

  .dhStudioAppExpanded .applicantActions .declineBtn,
  .dhStudioAppExpanded .applicantActions .hireApplicantBtn{
    grid-column:1 / -1;
  }

  .dhStudioAppExpanded .compactHiringInfo{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    align-items:center;
    column-gap:12px;
    row-gap:8px;
  }

  .dhStudioAppExpanded .compactState{
    grid-column:1 / -1;
    width:auto;
    justify-self:start;
  }

  .dhStudioAppExpanded .compactNoteButton{
    grid-column:1 / -1;
  }
}

@media (prefers-reduced-motion:reduce){
  .dhStudioAppItem,
  .dhStudioPosition .btn,
  .dhStudioAppExpanded .applicantCard,
  .dhStudioAppExpanded .btn{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
}