/* Keep the personnel identity and actions visible without making text smaller.
   Scoped to these reviewed surfaces; unrelated finance tables keep their layout. */
#employeeListTools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
  margin: 14px 0;
  min-width: 0;
}
#employeeListTools label { flex: 1 1 260px; min-width: 0; }
#employeeListTools input { min-height: 42px; }
#employeeListTools button { min-height: 42px; flex: 0 0 auto; }
#employeeListHint { flex: 1 1 100%; overflow-wrap: anywhere; }
#employeeCardNavigation {
  position: sticky;
  top: 88px;
  z-index: 8;
  background: #fff;
  border: 1px solid var(--line, #ddd);
  border-left: 4px solid var(--p, #ed125b);
  border-radius: 10px;
  padding: 10px;
  margin: 12px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 6px #0000000d;
}
#employeeCardNavigation button { min-height: 42px; flex: 0 1 auto; white-space: normal; }
#employeeCardPosition { flex: 1 1 160px; min-width: 0; text-align: center; overflow-wrap: anywhere; }
#personnelOwnerBulk label:has(#ownerBulkSelectVisible) {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink, #222);
  font-weight: 700;
  min-height: 42px;
}
#ownerBulkSelectVisible { width: 19px; height: 19px; flex: 0 0 19px; margin: 0; }
#personnelOwnerBulk { min-width: 0; }
#personnelOwnerBulk .button-row { flex-wrap: wrap; }
.personnel-doc-compliance-table table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.personnel-doc-compliance-table :is(th, td) {
  min-width: 0;
  max-width: none;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
}
.personnel-doc-compliance-table th:nth-child(1) { width: 16%; }
.personnel-doc-compliance-table th:nth-child(2) { width: 9%; }
.personnel-doc-compliance-table th:nth-child(3) { width: 17%; }
.personnel-doc-compliance-table th:nth-child(4) { width: 20%; }
.personnel-doc-compliance-table th:nth-child(5) { width: 12%; }
.personnel-doc-compliance-table th:nth-child(6) { width: 18%; }
.personnel-doc-compliance-table th:nth-child(7) { width: 8%; }
.personnel-doc-compliance-table .pill {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.personnel-doc-compliance-table .progress-track { min-width: 0; max-width: 100%; }
.personnel-doc-compliance-table button { max-width: 100%; white-space: normal; }
#employeeDocumentPackage :is(form, label, .full, .panel-head > *, .employee-document-matrix > *) { min-width: 0; }
#employeeDocumentPackage :is(input, select, textarea) { max-width: 100%; }
#employeeDocumentPackage :is(.button-row, .personnel-package-actions) { flex-wrap: wrap; }
#employeeDocumentPackage .pill { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

/* Archive editors have multiple stacked controls in a cell. A contained card
   grid at ordinary laptop widths avoids one control painting over its neighbor. */
table:has(> tbody:is(#documentsBody, #documentReviewBody)) { table-layout: fixed; width: 100%; min-width: 0; }
table:has(> tbody:is(#documentsBody, #documentReviewBody)) :is(th, td) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
}
:is(#documentsBody, #documentReviewBody) :is(input, select, textarea, button, .pill) {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(#documentsBody, #documentReviewBody) :is(input, select, textarea) { display: block; margin: 5px 0; }

@media (max-width: 1700px) {
  .personnel-doc-compliance-table table,
  table:has(> tbody:is(#documentsBody, #documentReviewBody)) { display: block; }
  .personnel-doc-compliance-table thead,
  table:has(> tbody:is(#documentsBody, #documentReviewBody)) thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) > tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 12px 16px;
    padding: 14px;
    min-width: 0;
    border: 1px solid var(--line, #ddd);
    border-radius: 10px;
    background: #fff;
  }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) > tr > td {
    display: block;
    padding: 0;
    min-width: 0;
    border: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) > tr > td::before {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: var(--muted, #666);
    margin-bottom: 6px;
    line-height: 1.35;
  }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) td[colspan] { grid-column: 1 / -1; }
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) td[colspan]::before { content: none; }
  #personnelDocumentComplianceBody td:nth-child(1)::before { content: 'Personel / Sicil'; }
  #personnelDocumentComplianceBody td:nth-child(2)::before { content: 'Genel Durum'; }
  #personnelDocumentComplianceBody td:nth-child(3)::before { content: 'Aktivasyon Evrakı'; }
  #personnelDocumentComplianceBody td:nth-child(4)::before { content: 'İSG Görev Uygunluğu'; }
  #personnelDocumentComplianceBody td:nth-child(5)::before { content: 'Diploma / MYK'; }
  #personnelDocumentComplianceBody td:nth-child(6)::before { content: 'Onay / Süre Uyarısı'; }
  #personnelDocumentComplianceBody td:nth-child(7)::before { content: 'İşlem'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(1)::before { content: 'Kayıt / Dosya'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(2)::before { content: 'Belge Türü / AI'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(3)::before { content: 'Kaynak'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(4)::before { content: 'Proje / Tarih'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(5)::before { content: 'Süreç Aşaması'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(6)::before { content: 'Sorumlu / Not'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(7)::before { content: 'Onay'; }
  :is(#documentsBody, #documentReviewBody) td:nth-child(8)::before { content: 'İşlem'; }
}
@media (max-width: 1100px) {
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) > tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  #employeeCardNavigation { top: 128px; }
  #employeeCardPosition { flex-basis: 100%; order: -1; }
  #employeeCardNavigation button { flex: 1 1 130px; }
}
@media (max-width: 700px) {
  :is(#personnelDocumentComplianceBody, #documentsBody, #documentReviewBody) > tr { grid-template-columns: minmax(0, 1fr); }
  .personnel-doc-compliance-table { max-height: none; }
  #employeeListTools button { flex-basis: 100%; justify-content: center; }
}