/* Applicants page-specific styles extracted from applicants.html. */

.applicants-summary {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:#5d6470
}


.applicants-summary strong {
  font-size:1.25rem;
  color:#222
}

    .applicants-filters {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap
}


.applicants-filters select {
  min-width:190px
}

    .drawer-tabs {
  display:flex;
  gap:6px;
  border-bottom:1px solid #e5e7eb;
  margin:12px 0 18px;
  overflow-x:auto
}


.drawer-tab {
  background:transparent!important;
  color:#555!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  padding:10px 12px!important;
  white-space:nowrap
}


.drawer-tab.active {
  color:#171717!important;
  border-bottom-color:#b98b5f!important;
  font-weight:700
}


.drawer-panel {
  display:none
}


.drawer-panel.active {
  display:block
}


.field-error {
  color:#b42318;
  font-size:.82rem;
  min-height:18px;
  margin-top:4px
}


.input-invalid {
  border-color:#b42318!important
}


.applicant-name-button {
  border:0;
  background:none;
  padding:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer
}


.applicant-name-button:hover {
  text-decoration:underline
}


.status.grey {
  background:#eef0f2;
  color:#555
}


.status.blue {
  background:#e8f1ff;
  color:#245ea8
}


.status.purple {
  background:#f2eaff;
  color:#6c3daf
}

/* UI polish: applicant name is an unobtrusive record link, never a dark button. */
.applicant-name-button,
.applicant-name-button:hover,
.applicant-name-button:focus,
.applicant-name-button:focus-visible,
.applicant-name-button:active {
  display: inline;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #12203a !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-align: left;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.applicant-name-button strong {
  color: inherit;
  font-size: 14px;
  font-weight: 750;
}

.applicant-name-button:hover strong,
.applicant-name-button:focus-visible strong {
  color: #8a6b20;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.applicants-summary { margin-bottom: 12px; }
.applicants-summary strong { color: #12203a; font-size: 22px; }
.applicants-filters { display: grid; grid-template-columns: minmax(260px, 1fr) 190px 190px auto; gap: 10px; }
.applicants-filters input,
.applicants-filters select { width: 100%; min-width: 0; }
.applicants-filters button { white-space: nowrap; }

@media (max-width: 1100px) {
  .applicants-filters { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .applicants-filters { grid-template-columns: 1fr; }
}