:root{
  --olive:        #b7c36a;   /* Olive */
  --olive-dark:   #8ea049;
  --olive-verylt: #f3f6e7;
  --ink:          #1d2310;
  --muted:        #6b705c;
  --border:       #dfe7bf;
}

*{box-sizing:border-box}
body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; margin:24px; color:var(--ink); background:#fff}
h1{margin:0 0 8px 0}

.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 auto 16px;
  width:100%;
  max-width:1100px;
}
.site-header__title-block{
  display:flex;
  align-items:center;
}
.site-title{
  margin:0;
  font-size:28px;
  font-weight:700;
  color:var(--ink);
}
.site-header__logo{
  text-align:right;
}
.site-header__logo img{
  display:block;
  height:80px;
  width:auto;
  object-fit:contain;
  margin-left:auto;
}
.site-header__right{
  display:flex;
  align-items:center;
  gap:12px;
}
.header-logout-btn{
  margin-top:0;
  text-decoration:none;
}

@media (max-width:600px){
  .site-header{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .site-header__right{
    width:100%;
    justify-content:space-between;
  }
  .site-header__logo img{
    height:60px;
  }
}


.panel{
  border:1px solid var(--olive-dark);
  border-radius:10px;
  background:#fafcf3;
  margin:18px auto;
  max-width:1100px;
  overflow:hidden;
}
.panel:first-of-type{
  margin-top:0;
}
.panel__header{
  background:var(--olive);
  color:#192106;
  font-weight:700;
  padding:10px 14px;
  border-bottom:1px solid var(--olive-dark);
}
.panel__body{ padding:14px 16px; }
.panel__header--with-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.panel__action{
  background:var(--olive-dark);
  color:#fff;
  border:none;
  border-radius:50%;
  width:32px;
  height:32px;
  font-size:20px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:filter .2s ease;
}
.panel__action:hover{ filter:brightness(0.95); }

.note{
  background:var(--olive-verylt);
  border:1px solid var(--border);
  border-left:4px solid var(--olive-dark);
  padding:10px 12px;
  margin:10px 0 14px;
  color:#2c3314;
  border-radius:6px;
}

form p{ margin:10px 0; }
label{ display:block; font-weight:600; margin-bottom:6px; }
input[type=text], input[type=email], input[type=tel],
input[type=date], input[type=month], input[type=number], input[type=file],
textarea, select{
  width:100%;
  padding:8px 10px;
  border:1px solid var(--olive-dark);
  border-radius:6px;
  background:#f7faef;     /* zeytinyağına yakın açık ton */
  outline:none;
}
textarea{ min-height:120px; }

input:focus, textarea:focus, select:focus{
  border-color:var(--olive-dark);
  box-shadow:0 0 0 3px rgba(142,160,73,.2);
}

.row{
  border-bottom:1px dashed #e3e7cf;
  padding:8px 0;
  margin:8px 0;
}
.formset{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.formset-row{
  position:relative;
  padding-bottom:12px;
}
.formset-row__delete input[type=checkbox]{ display:none; }
.formset-row__actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin-top:12px;
}
.formset-row__add{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--olive-dark);
  color:#fff;
  border:none;
  border-radius:6px;
  padding:6px 14px;
  font-weight:600;
  cursor:pointer;
  transition:filter .2s ease, background-color .2s ease;
}
.formset-row__add span[aria-hidden="true"]{
  font-size:20px;
  line-height:1;
}
.formset-row__add:hover,
.formset-row__add:focus{
  filter:none;
  background:var(--olive-dark);
  color:#fff;
}
.formset-row__add--hidden{
  display:none;
}
.formset-row__delete{
  display:flex;
  align-items:center;
  gap:8px;
}
.formset-row__delete-btn{
  background:#b00020;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:6px 12px;
  font-weight:600;
  cursor:pointer;
  transition:filter .2s ease, background-color .2s ease;
}
.formset-row__delete-btn:hover,
.formset-row__delete-btn:focus{
  filter:none;
  background:#b00020;
}
.formset-row__delete-btn:disabled,
.formset-row__delete-btn:disabled:hover{
  cursor:not-allowed;
  filter:none;
  opacity:0.6;
}
.formset-row--removed{ display:none; }
button[type=submit]{
  background:var(--olive-dark);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:10px 16px;
  font-weight:700;
  cursor:pointer;
}
button[type=submit]:hover{ filter:brightness(0.95); }
.req{ color:#b00020; }

.panel__submit-btn{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.certification-formset{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:16px;
}
.certification-list-title{
  margin-top:12px;
  font-weight:700;
  color:var(--ink);
  font-size:1.05rem;
}
.certification-entry__headings{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:16px;
  margin-top:12px;
  font-weight:600;
  color:var(--ink);
}
.certification-entry__headings span{
  color:var(--olive-dark);
  margin-right:8px;
}
.certification-entry__fields{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:16px;
  margin-top:8px;
}
.certification-entry__field{
  margin:0;
  display:flex;
  flex-direction:column;
}
.certification-entry__field--document{
  align-self:flex-start;
}
.certification-entry__field label{
  margin-bottom:4px;
}
.certification-entry__field .help{
  margin-top:4px;
  color:var(--muted);
  font-size:0.85rem;
}
.certification-entry__field label{
  margin-bottom:4px;
}
.certification-entry__field input{
  width:100%;
}
@media (max-width: 640px){
  .certification-entry__fields{
    grid-template-columns:1fr;
  }
}

.date-picker{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b705c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' ry='2'/%3E%3Cline x1='16' y1='3' x2='16' y2='7'/%3E%3Cline x1='8' y1='3' x2='8' y2='7'/%3E%3Cline x1='3' y1='11' x2='21' y2='11'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 0.75rem center;
  background-size:1.1rem;
  padding-right:2.5rem;
  cursor:pointer;
}

.date-picker::-webkit-calendar-picker-indicator{
  opacity:0;
}
.certification-entry__heading{
  display:flex;
  align-items:center;
  gap:6px;
}

.certification-entry__index{font-weight:600;color:var(--olive-dark);margin-right:6px;display:inline-block;min-width:1.2em;}

.cert-block{margin-top:12px;}
.cert-block__title{margin:0 0 8px;font-weight:700;color:var(--ink);font-size:1rem;}
.cert-block__hint{margin-top:6px;font-size:0.85rem;color:var(--muted);}
.cert-block__hint--strong{
  font-weight:700;
  color:#000;
  font-size:1rem;
  letter-spacing:0.01em;
}
.certification-list-container textarea{width:100%;min-height:140px;border:1px solid var(--olive-dark);border-radius:6px;background:#f7faef;padding:8px 10px;}
.cert-upload-list{
  display:block;
  width:100%;
}
.cert-upload-row{
  display:block;
  width:100%;
  padding:6px 0;
  margin:0;
}
.cert-upload-row__field{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  text-align:left;
}
.cert-upload-row__field input{width:100%;}
.cert-upload-row__field,
.cert-upload-row__field .en-file-widget,
.cert-upload-row__field .en-file-widget__picker{
  width:100%;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left;
}
.cert-upload-row__field .en-file-widget__picker{
  width:100%;
}
.cert-upload-row__field .file-btn,
.cert-upload-row__field .file-name{
  margin-left:0;
}
.panel .cert-block .cert-upload-list{
  align-items:flex-start !important;
}
.panel .cert-block .cert-upload-row{
  justify-content:flex-start !important;
}
.panel .cert-block .cert-upload-row__field{
  margin-left:0 !important;
  margin-right:auto !important;
  max-width:none !important;
  width:auto !important;
}
.panel .cert-block .cert-upload-row__field .en-file-widget,
.panel .cert-block .cert-upload-row__field .en-file-widget__picker{
  justify-content:flex-start !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.panel .cert-block .cert-upload-row__field .en-file-widget__picker{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
}
.cert-upload-row.formset-row--removed{
  display:none !important;
}
.cert-upload-controls{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:12px;}
.certification-list-container textarea[data-cert-list]{white-space:pre-wrap;}
.panel--supporting .panel__header--spacer{
  min-height:16px;
  color:transparent;
}
.panel__body--supporting{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.supporting-field label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}
.supporting-field .help{
  margin-top:4px;
  color:var(--muted);
  font-size:0.85rem;
}
.supporting-submit{
  align-self:flex-start;
}
.experience-formset{display:flex;flex-direction:column;gap:14px;margin-top:12px;}
.experience-subheading{font-weight:700;color:var(--ink);font-size:1rem;margin:6px 0 4px;}
.experience-entry{display:flex;flex-direction:column;gap:12px;padding:14px 0;border-bottom:1px dashed #e3e7cf;}
.experience-entry:last-of-type{border-bottom:none;}
.experience-entry__grid{display:flex;flex-direction:column;gap:12px;}
.experience-entry__grid{gap:16px;}
.experience-field label{display:block;font-weight:600;margin-bottom:6px;}
.experience-field .help{margin-top:4px;color:var(--muted);font-size:0.85rem;}
.experience-entry--current{background-color:transparent;}
.experience-entry--previous{background-color:transparent;}
.experience-field--document input[type=file]{padding:6px 0;}
.experience-field--date input[type=text]{width:100%;}

.language-native-block{margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed #e3e7cf;}
.language-subheading{margin:0 0 10px;font-weight:700;color:var(--ink);font-size:1rem;}
.language-native-field label{display:block;font-weight:600;margin-bottom:6px;}
.language-formset{display:flex;flex-direction:column;gap:16px;}
.language-row{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-bottom:1px dashed #e3e7cf;}
.language-row:last-of-type{border-bottom:none;}
.language-row__fields{display:flex;flex-direction:column;gap:16px;}
.language-field label{display:block;font-weight:600;margin-bottom:6px;}
.language-field .help{margin-top:4px;color:var(--muted);font-size:0.85rem;}
.language-field--certificate input[type=file]{padding:6px 0;}
.language-row .formset-row__actions{margin-top:4px;}
.olive-block{margin-top:18px;}
.olive-block:first-of-type{margin-top:0;}
.olive-subheading{margin:0 0 8px;font-weight:700;color:var(--ink);}
.olive-block__hint{margin:0 0 12px;color:var(--muted);font-size:0.9rem;}
.olive-field{margin-bottom:12px;}
.olive-field label{display:block;font-weight:600;margin-bottom:6px;}
.olive-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px;}

.messages{list-style:none;margin:0 0 16px;padding:0;}
.message{margin-bottom:8px;padding:10px 12px;border-radius:6px;background:#eef5e8;color:#1f3d16;font-weight:600;}
.message--error{background:#fdecea;color:#611a15;}
.message--success{background:#e8f5e9;color:#1b5e20;}


.area-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 12px;
}

.area-field--description {
  width: 100%;
}

.area-field--other[hidden] {
  display: none !important;
}

.final-certify{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
}

.ref-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px 16px;
}

.panel#certification-panel .panel__body label {
  font-weight: 600;
}

.area-field--description.is-disabled textarea {
  background-color: #f5f5f5;
  color: #555;
  cursor: not-allowed;
}

.area-field__hint {
  margin: 4px 0 6px;
  font-size: 0.85rem;
  color: #4b4b4b;
  font-weight: 600;
}

.help.help--subdomain-select{
  display:block;
  margin-top:12px;
  margin-bottom:4px;
  font-size:1.25rem !important;
  line-height:1.5;
  font-weight:900 !important;
  color:#111900;
}

.expert-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px 18px;
}
.expert-grid .full-width{
  grid-column:1 / -1;
}
.phone-composite{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.phone-composite__label{
  font-weight:700;
}
.phone-composite__fields{
  display:grid;
  grid-template-columns:minmax(220px, 0.38fr) minmax(260px, 0.62fr);
  gap:10px;
  align-items:start;
}
.phone-composite__field select,
.phone-composite__field input{
  width:100%;
}

@media (max-width: 720px){
  .phone-composite__fields{
    grid-template-columns:1fr;
  }
}

#final-submit[disabled]{
  cursor:not-allowed;
  opacity:0.55;
  filter:none;
  background:var(--olive-dark);
  pointer-events:none;
}
#final-submit[disabled]:hover{
  filter:none;
}
.panel__submit-btn.is-disabled{
  cursor:not-allowed !important;
  opacity:0.55 !important;
  pointer-events:none !important;
  filter:none !important;
}
.panel__submit-btn--link{
  background:var(--olive-dark);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:10px 16px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  line-height:1.2;
}
.panel__submit-btn--link:visited{
  color:#fff;
}
.panel__submit-btn--link:hover{
  filter:brightness(0.95);
}
.success-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.en-file-widget{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.en-file-widget__current,
.en-file-widget__change{
  margin:0;
}
.en-file-widget__current a{
  word-break:break-all;
}
.en-file-widget__clear{
  display:flex;
  align-items:center;
  gap:8px;
}
.en-file-widget__picker{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.file-btn{
  display:inline-flex;
  align-items:center;
  border:1px solid #9aa67a;
  border-radius:4px;
  padding:4px 10px;
  background:#f4f7ea;
  color:#1d2310;
  cursor:pointer;
  font-weight:600;
  line-height:1.1;
}
.file-name{
  color:#202614;
}
.formset-row p{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:10px 0 14px;
}
.knowledge-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:10px 0 14px;
}
.knowledge-field--conditional{
  display:none;
}
.knowledge-field--topics{
  width:100%;
}
.knowledge-field select[multiple]{
  min-height:220px;
  background:#f7faef;
}
.knowledge-level-status{
  display:none;
  margin-top:2px;
  color:#50661f;
  font-weight:600;
}
.knowledge-topic-select{
  display:none;
}
.knowledge-topic-caption{
  display:block;
  padding:10px 12px;
  border:1px solid #dde6bf;
  border-radius:10px;
  background:#fbfcf5;
  color:#304115;
  font-weight:600;
}
.knowledge-topic-picker{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:4px;
}
.knowledge-topic-group{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 14px;
  border:1px solid #dde6bf;
  border-radius:12px;
  background:#fbfcf5;
}
.knowledge-topic-group__title{
  font-weight:700;
  color:#23310f;
}
.knowledge-topic-group__options{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.knowledge-topic-group__empty{
  color:#50661f;
  font-weight:600;
}
.knowledge-topic-option{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #c5d39a;
  border-radius:999px;
  background:#f8fbef;
  color:#23310f;
  font-weight:600;
  cursor:pointer;
  transition:border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.knowledge-topic-option:hover,
.knowledge-topic-option:focus{
  border-color:#8ea049;
  background:#eef4d9;
  color:#1f2b0f;
  box-shadow:0 0 0 3px rgba(142,160,73,.18);
}
.knowledge-topic-option--active{
  border-color:#51622c;
  background:#51622c;
  color:#fff;
}
.knowledge-topic-help{
  margin-top:2px;
}
#education-panel .formset-row p{
  margin:10px 0 16px;
}

@media (min-width: 992px){
  .expert-grid{ grid-template-columns:1fr; }
  .ref-grid{ grid-template-columns:1fr; }
}

.final-block{
  margin:18px auto 0;
  max-width:1100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.final-certify{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
}
.final-actions{
  text-align:center;
}
.final-actions .panel__submit-btn{
  padding:12px 20px;
  font-size:15px;
}

.section-progress-wrap{
  max-width:1100px;
  margin:18px auto 0;
  overflow-x:auto;
  padding:8px 4px;
  display:flex;
  justify-content:center;
}
.section-progress-row{
  max-width:1100px;
  margin:18px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.section-progress-row .section-progress-wrap{
  margin:0;
  flex:1;
}
.section-progress-action{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  white-space:nowrap;
}
.section-progress-action--lower{
  max-width:1100px;
  width:100%;
  margin:12px auto 0;
  justify-content:flex-end;
  padding:0 4px;
  box-sizing:border-box;
}
.draft-action-row{
  max-width:1100px;
  width:100%;
  margin:12px auto 8px;
  padding:0 4px;
  box-sizing:border-box;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center;
}
.draft-action-row .panel__submit-btn--link{
  text-decoration:none !important;
}
.section-progress{
  display:flex;
  align-items:center;
  gap:0;
  flex-wrap:nowrap;
  min-width:max-content;
  margin:0 auto;
}
.section-step__dot{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  flex:0 0 44px !important;
  border-radius:9999px !important;
  border:2px solid #c9ced4 !important;
  background:#d4d8dd !important;
  color:#5e646c !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.section-step__connector{
  width:34px;
  height:3px;
  background:#d4d8dd;
  border-radius:999px;
  flex:0 0 34px;
  margin:0 4px;
}
.section-step__dot.is-complete{
  background:var(--olive-dark) !important;
  border-color:var(--olive-dark) !important;
  color:#fff !important;
}
.section-step__connector.is-complete{
  background:var(--olive-dark);
}
@media (max-width: 900px){
  .section-progress-row{
    flex-direction:column;
    align-items:center;
  }
  .section-progress-action{
    justify-content:center;
  }
  .section-progress-action--lower{
    justify-content:center;
  }
}

.panel__header--with-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.panel__meta{
  font-size:0.9rem;
  font-weight:600;
  color:rgba(25, 33, 6, 0.82);
}

.recruiter-search-note{
  margin-bottom:18px;
}

.recruiter-search-form{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.workflow-step{
  padding:18px;
  border:1px solid #d8e2b1;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #f7faed 100%);
  display:flex;
  flex-direction:column;
  gap:14px;
}

.workflow-step--secondary{
  background:#fcfdf8;
}

.workflow-step--locked{
  border-style:dashed;
  background:#f7f8f2;
}

.workflow-step__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.workflow-step__header > div{
  display:flex;
  align-items:center;
  gap:12px;
}

.workflow-step__number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#fff;
  background:#596b1f;
  flex:0 0 auto;
}

.workflow-step__title{
  margin:0;
  font-size:1.1rem;
}

.workflow-step__meta{
  color:#5a6740;
  font-size:0.92rem;
  font-weight:600;
}

.workflow-step__description{
  margin:0;
  color:#314014;
}

.workflow-step__empty{
  padding:12px 14px;
  border-radius:12px;
  border:1px dashed #cfd8a5;
  background:#f7f9ef;
  color:#516038;
}

.workflow-step__footer{
  display:flex;
  justify-content:flex-end;
}

.workflow-divider{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-radius:14px;
  background:#eef3dd;
  border:1px solid #d5deae;
  color:#2f3d0f;
  flex-wrap:wrap;
}

.workflow-divider--locked{
  display:none;
}

.explorer-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}

.explorer-card{
  border:1px solid #d7e0b1;
  border-radius:14px;
  background:#ffffff;
  padding:14px 16px;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}

.explorer-card:hover{
  border-color:#9fb05a;
  box-shadow:0 10px 18px rgba(60, 77, 21, 0.08);
  transform:translateY(-1px);
}

.explorer-card--active{
  border-color:#71852c;
  background:#eef4db;
  box-shadow:0 0 0 2px rgba(113, 133, 44, 0.12);
}

.explorer-card__title{
  font-weight:800;
  color:#1f2d08;
}

.explorer-card__meta{
  color:#607042;
  font-size:0.9rem;
}

.explorer-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.explorer-inline-btn{
  border:1px solid #cfd8a6;
  border-radius:999px;
  background:#f6f9ec;
  color:#2d3b0f;
  padding:8px 14px;
  font-weight:700;
  cursor:pointer;
}

.explorer-inline-btn:hover{
  border-color:#9fb05a;
  background:#edf4d8;
}

.search-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px 18px;
}

.search-field{
  margin:0;
  display:flex;
  flex-direction:column;
}

.search-field--full{
  grid-column:1 / -1;
}

.search-field--wide{
  grid-column:span 2;
}

.field-hint{
  display:block;
  margin:-2px 0 10px;
  color:var(--muted);
  font-size:0.9rem;
}

.search-field__conditional{
  display:none;
  margin-top:10px;
}

.search-select-multiple{
  min-height:190px;
}

.checkbox-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.checkbox-chip{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #d6dfb1;
  border-radius:999px;
  background:#fbfcf5;
  cursor:pointer;
  transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.checkbox-chip:hover{
  border-color:#b1c169;
}

.checkbox-chip input{
  margin:0;
  width:auto;
}

.checkbox-chip input:checked + span{
  font-weight:700;
  color:#213009;
}

.checkbox-chip:has(input:checked){
  background:#edf4d7;
  border-color:#aab96a;
  box-shadow:0 0 0 2px rgba(142,160,73,.12);
}

.search-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.search-actions .panel__submit-btn,
.search-actions .panel__submit-btn--link,
.candidate-card__actions .panel__submit-btn,
.candidate-card__actions .panel__submit-btn--link{
  margin-top:0;
}

.filter-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}

.result-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.export-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.filter-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid #cfd9a7;
  background:#f3f7e6;
  color:#24300a;
  font-size:0.92rem;
}

.catalogue-name-list{
  display:flex;
  flex-direction:column;
  border:1px solid #d8e2b1;
  border-radius:16px;
  overflow:hidden;
  background:#ffffff;
}

.catalogue-name-list__item{
  border-bottom:1px solid #e2e8c7;
}

.catalogue-name-list__item:last-child{
  border-bottom:none;
}

.catalogue-name-list__name{
  display:block;
  padding:16px 18px;
  font-size:1rem;
  font-weight:700;
  color:#22300c;
  text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}

.catalogue-name-list__name:hover{
  background:#f2f6e5;
  color:#4f6118;
}

.candidate-card-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.candidate-card{
  display:grid;
  grid-template-columns:108px minmax(0, 1fr);
  gap:20px;
  padding:18px;
  border:1px solid #dce5b8;
  border-radius:14px;
  background:linear-gradient(180deg, #ffffff 0%, #f9fbee 100%);
  box-shadow:0 10px 24px rgba(37, 51, 13, 0.06);
}

.candidate-card__media{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.candidate-card__photo{
  width:88px;
  height:88px;
  border-radius:22px;
  object-fit:cover;
  border:2px solid #d8e2b0;
  background:#eef4d8;
}

.candidate-card__photo--fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  font-weight:700;
  color:#30410d;
  letter-spacing:0.04em;
}

.candidate-card__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.candidate-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.candidate-card__name{
  margin:0;
  font-size:1.35rem;
  line-height:1.2;
}

.candidate-card__subline{
  margin:6px 0 0;
  color:var(--muted);
  font-size:0.98rem;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:0.82rem;
  font-weight:700;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:0.03em;
}

.status-badge--submitted{
  background:#e9f2c9;
  color:#31410d;
}

.status-badge--under_review{
  background:#fff3cf;
  color:#835b00;
}

.status-badge--approved{
  background:#dff4de;
  color:#1b6b2f;
}

.status-badge--rejected{
  background:#fbe0df;
  color:#912b23;
}

.candidate-card__facts{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.candidate-fact{
  padding:12px 14px;
  border-radius:12px;
  background:#f4f7e8;
  border:1px solid #dde6bf;
}

.candidate-fact__label{
  display:block;
  font-size:0.76rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:#657043;
  margin-bottom:4px;
}

.candidate-fact__value{
  display:block;
  color:#1f2710;
  word-break:break-word;
}

.candidate-card__section{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.candidate-card__section-label{
  font-size:0.82rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#657043;
}

.pill-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.info-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border-radius:999px;
  background:#eef4d9;
  border:1px solid #d4deb0;
  color:#24310c;
  font-size:0.92rem;
}

.info-pill--link{
  text-decoration:none;
}

.info-pill--link:hover{
  background:#e5edc7;
}

.snapshot-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.snapshot-item{
  padding:12px 14px;
  border-radius:12px;
  background:#fbfcf5;
  border:1px solid #dde6bf;
}

.snapshot-item__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.snapshot-item__title{
  color:#1f2710;
  font-weight:700;
  text-decoration:none;
}

.snapshot-item__title:hover{
  text-decoration:underline;
}

.snapshot-item__meta,
.snapshot-item__topics{
  color:#43502a;
  font-size:0.93rem;
  line-height:1.45;
}

.knowledge-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.knowledge-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:12px;
  background:#fbfcf5;
  border:1px solid #dde6bf;
}

.knowledge-item__path{
  min-width:0;
  font-weight:600;
  color:#1f2710;
}

.knowledge-item__level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eef4d9;
  color:#385010;
  font-size:0.82rem;
  font-weight:700;
  white-space:nowrap;
}

.candidate-card__actions{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-top:2px;
}

.candidate-card__action-links{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.candidate-link{
  color:#52652b;
  font-weight:700;
  text-decoration:none;
}

.candidate-link:hover{
  text-decoration:underline;
}

.empty-inline{
  color:var(--muted);
  font-style:italic;
}

.quick-status-actions,
.profile-status-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.quick-status-form{
  margin:0;
}

.quick-status-btn{
  margin-top:0;
  padding:8px 12px;
  border:none;
  border-radius:999px;
  color:#fff;
  font-size:0.88rem;
  font-weight:700;
  line-height:1.1;
  cursor:pointer;
}

.quick-status-btn--review{
  background:#b28a24;
}

.quick-status-btn--approve{
  background:#2d7b42;
}

.quick-status-btn--reject{
  background:#aa3f35;
}

.quick-status-btn:disabled{
  opacity:0.5;
  cursor:not-allowed;
  filter:none;
}

.profile-status-actions{
  margin-top:18px;
}

.search-empty-state{
  padding:30px 18px;
  border:1px dashed #cdd6a7;
  border-radius:14px;
  background:#f8faef;
  text-align:center;
}

.search-empty-state h3{
  margin:0 0 8px;
}

.search-empty-state p{
  margin:0;
  color:var(--muted);
}

@media (max-width: 1100px){
  .search-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .search-grid{
    grid-template-columns:1fr;
  }

  .search-field--full,
  .search-field--wide{
    grid-column:auto;
  }

  .candidate-card{
    grid-template-columns:1fr;
  }

  .candidate-card__media{
    justify-content:flex-start;
  }

  .candidate-card__top{
    flex-direction:column;
  }

  .candidate-card__facts{
    grid-template-columns:1fr;
  }

  .candidate-card__actions{
    flex-direction:column;
  }

  .candidate-card__action-links,
  .quick-status-actions,
  .profile-status-actions{
    width:100%;
  }

  .knowledge-item{
    flex-direction:column;
    align-items:flex-start;
  }
}