/* Get Job Vacancy — frontend form/select readability fixes.
 * Scoped to plugin frontend components so theme styles are not disturbed elsewhere.
 */
.gjvais-market .gjvais-form select,
.gjvais-market .gjvais-search select,
.gjvais-market .gjvais-field select,
.gjvais-dashboard-main .gjvais-form select,
.gjvais-auth-form select,
.gjv-shortcode-select,
.gjv-shortcode-select select,
select.gjv-shortcode-select {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box;
  margin-top: 7px;
  padding: 10px 42px 10px 14px !important;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  background-color: #fff;
  color: #172033;
  font: inherit;
  font-size: 16px;
  line-height: 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-appearance: auto;
  appearance: auto;
}

.gjvais-market .gjvais-search select {
  margin-top: 0;
  min-height: 46px !important;
  height: 46px !important;
  padding: 8px 38px 8px 13px !important;
  line-height: 28px !important;
}

.gjvais-market .gjvais-form select:focus,
.gjvais-market .gjvais-search select:focus,
.gjvais-auth-form select:focus,
.gjv-shortcode-select:focus,
.gjv-shortcode-select select:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 4px rgba(99,102,241,.11);
}

.gjvais-market .gjvais-form select option,
.gjvais-market .gjvais-search select option,
.gjvais-auth-form select option,
.gjv-shortcode-select option,
.gjv-shortcode-select select option {
  white-space: nowrap;
  line-height: normal;
  font-size: 16px;
}

.gjvais-shortcode-list,
.gjvais-shortcode-help,
.gjv-shortcode-list,
.gjv-shortcode-help {
  white-space: normal;
  overflow: visible;
  word-break: normal;
}

@media (max-width: 520px) {
  .gjvais-market .gjvais-form select,
  .gjvais-dashboard-main .gjvais-form select,
  .gjvais-auth-form select {
    height: 48px !important;
    min-height: 48px !important;
    padding-left: 13px !important;
    padding-right: 38px !important;
    font-size: 16px;
  }
}

.gjv-chat-safety{margin-top:14px;padding:11px 13px;border:1px solid #f59e0b;background:#fff7ed;color:#7c2d12;border-radius:12px;font-size:13px;line-height:1.45}.gjv-chat-safety strong{font-weight:800}.gjv-chat-window{overflow:hidden}


/* Responsive dashboard usability: desktop, tablet and mobile. Scoped to GJVAI components. */
.gjvais-market,
.gjvais-dashboard-main,
.gjvais-dashboard-shell,
.gjvais-dashboard-main * { box-sizing: border-box; }
.gjvais-market { width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto; }
.gjvais-dashboard-shell { grid-template-columns: minmax(210px, 250px) minmax(0, 1fr); gap: clamp(12px, 2vw, 22px); }
.gjvais-dashboard-main { min-width: 0; }
.gjvais-dashboard-main img,
.gjvais-dashboard-main iframe,
.gjvais-dashboard-main video { max-width: 100%; }
.gjvais-dashboard-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.gjvais-dashboard-main select,
.gjvais-dashboard-main textarea { max-width: 100%; min-width: 0; }
.gjvais-dashboard-main table { max-width: 100%; }
.gjvais-dashboard-main .gjv-applicant-table { min-width: 850px; border-collapse: collapse; }
.gjvais-dashboard-main .gjv-applicant-table th,
.gjvais-dashboard-main .gjv-applicant-table td { padding: 10px; vertical-align: top; }
.gjvais-dashboard-main .gjv-applicant-table td { overflow-wrap: anywhere; }
.gjvais-dashboard-main .gjv-applicant-actions { min-width: 150px; display: grid; gap: 8px; }
.gjvais-dashboard-main .gjv-applicant-actions input,
.gjvais-dashboard-main .gjv-applicant-actions select { width: 100%; }
.gjvais-dashboard-main .gjvais-btn,
.gjvais-dashboard-main button,
.gjvais-dashboard-main input[type="submit"] { min-height: 44px; max-width: 100%; }
.gjvais-dashboard-main .gjvais-card { min-width: 0; overflow-wrap: anywhere; }
.gjvais-dashboard-main .gjvais-card p { overflow-wrap: anywhere; }
.gjvais-dashboard-main .gjvais-dashboard-cards .gjvais-btn { align-self: stretch; }
.gjvais-dashboard-identity { min-width: 0; overflow-wrap: anywhere; }
.gjvais-sidebar { min-width: 0; }
.gjvais-menu a { overflow-wrap: anywhere; }
@media (min-width: 901px) {
  .gjvais-sidebar { max-height: calc(100vh - 40px); overflow-y: auto; }
}
@media (max-width: 900px) {
  .gjvais-dashboard-shell { grid-template-columns: minmax(0, 1fr); }
  .gjvais-sidebar { position: static; top: auto; width: 100%; }
  .gjvais-user { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 12px; align-items: center; text-align: left; padding: 4px 0 14px; }
  .gjvais-user .gjvais-avatar { grid-row: span 2; width: 56px; height: 56px; margin: 0; font-size: 22px; }
  .gjvais-user strong, .gjvais-user span { min-width: 0; overflow-wrap: anywhere; }
  .gjvais-user span { margin-top: 0; }
  .gjvais-menu { display: flex; flex-wrap: wrap; gap: 7px; }
  .gjvais-menu a { flex: 1 1 145px; text-align: center; padding: 11px 9px; }
  .gjvais-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gjvais-dashboard-main .gjvais-hero { padding: clamp(18px, 4vw, 28px); }
}
@media (max-width: 600px) {
  .gjvais-market { padding-left: 10px; padding-right: 10px; }
  .gjvais-dashboard-shell { gap: 12px; }
  .gjvais-sidebar { padding: 13px; border-radius: 16px; }
  .gjvais-menu a { flex: 1 1 calc(50% - 7px); min-width: 0; font-size: 14px; padding: 10px 7px; }
  .gjvais-dashboard-main .gjvais-hero { border-radius: 16px; margin-bottom: 12px; }
  .gjvais-dashboard-main .gjvais-hero h1 { font-size: clamp(24px, 7vw, 34px); overflow-wrap: anywhere; }
  .gjvais-dashboard-cards { grid-template-columns: minmax(0, 1fr) !important; gap: 12px; }
  .gjvais-dashboard-main .gjvais-card,
  .gjvais-stat { padding: 15px; border-radius: 14px; }
  .gjvais-stat-grid { gap: 9px; }
  .gjvais-stat b { font-size: clamp(22px, 7vw, 28px); }
  .gjvais-dashboard-main .gjvais-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .gjvais-profile-head { flex-wrap: wrap; align-items: flex-start; }
  .gjvais-dashboard-main .gjvais-job { padding: 14px; gap: 12px; }
  .gjvais-dashboard-main .gjvais-job .gjvais-btn { width: 100%; }
  .gjvais-dashboard-main .gjvais-form { padding: 16px; border-radius: 16px; }
  .gjvais-dashboard-main input:not([type="checkbox"]):not([type="radio"]),
  .gjvais-dashboard-main select,
  .gjvais-dashboard-main textarea { font-size: 16px; }
  .gjvais-dashboard-main .gjvais-btn,
  .gjvais-dashboard-main button,
  .gjvais-dashboard-main input[type="submit"] { width: 100%; justify-content: center; }
  .gjvais-dashboard-main .gjv-applicant-table { min-width: 820px; }
  .gjvais-dashboard-main .gjvais-section-title { margin-top: 22px; font-size: 22px; }
  .gjvais-dashboard-main .gjvais-pager { flex-wrap: wrap; }
}
@media (max-width: 360px) {
  .gjvais-menu a { flex-basis: 100%; }
  .gjvais-stat-grid { grid-template-columns: minmax(0, 1fr); }
  .gjvais-dashboard-main .gjvais-hero h1 { font-size: 24px; }
}
