/* R23: Issue Documents / University Issued Documents only.
   Named fields supersede the older positional R13 layout. No shell styles. */
.issued-documents.issued-documents { box-sizing: border-box; min-width: 0; max-width: 100%; }
.issued-documents.issued-documents .document-card { box-sizing: border-box; min-width: 0; max-width: 100%; }
.issued-documents.issued-documents .document-card:empty { display: none; }
.issued-documents.issued-documents .document-card .document-grid {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 20px 16px; align-items: start;
}
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-college { grid-column: span 8 !important; }
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-academic-year,
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till,
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-name,
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-validity-period { grid-column: span 4 !important; }
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-type { grid-column: span 5 !important; }
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-issue-date { grid-column: span 3 !important; }
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-file,
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-remarks { grid-column: 1 / -1 !important; }
.issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till ~ .field.field-document-file { grid-column: span 8 !important; }
.issued-documents.issued-documents .document-card .document-grid.filters > .field { grid-column: span 4 !important; }
.issued-documents.issued-documents .document-card .document-grid > .field {
  display: block; min-width: 0; margin: 0; line-height: 20px; font-size: 14px;
}
.issued-documents.issued-documents .document-card .document-grid > .field > input,
.issued-documents.issued-documents .document-card .document-grid > .field > select,
.issued-documents.issued-documents .document-card .document-grid > .field > textarea,
.issued-documents.issued-documents .document-card .document-grid > .field > p-dropdown,
.issued-documents.issued-documents .document-card .document-grid > .field > p-calendar {
  display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: 8px 0 0;
}
.issued-documents.issued-documents .document-card .document-grid > .field > input,
.issued-documents.issued-documents .document-card .document-grid > .field > select,
.issued-documents.issued-documents .document-card .document-grid > .field > p-dropdown,
.issued-documents.issued-documents .document-card .document-grid > .field > p-calendar { height: 40px; min-height: 40px; }
.issued-documents.issued-documents .document-card .field .ui-calendar {
  display: flex; box-sizing: border-box; width: 100%; min-width: 0; height: 40px;
}
.issued-documents.issued-documents .document-card .field .ui-calendar > input {
  display: block; box-sizing: border-box; flex: 1 1 0%; width: 0; min-width: 0; height: 40px; min-height: 40px;
  margin: 0; padding: 8px 10px; border: 1px solid #c9d3dd; border-radius: 4px 0 0 4px;
  background: #fff; color: #243f59; font-size: 14px; line-height: 22px;
}
.issued-documents.issued-documents .document-card .field .ui-calendar > button {
  position: static; flex: 0 0 40px; width: 40px; min-width: 40px; height: 40px; margin: 0; padding: 0;
  border: 1px solid #c9d3dd; border-left: 0; border-radius: 0 4px 4px 0;
  background: #f3f7fb; color: #28597f;
}
.issued-documents.issued-documents .document-card .field .ui-calendar > button.ui-button-icon-only .ui-button-text { display: none; }
.issued-documents.issued-documents .document-card .field .ui-calendar > button > .ui-button-icon-left {
  position: static; display: inline-block; margin: 0; line-height: 38px; color: inherit;
}
.issued-documents.issued-documents .document-card .field .ui-dropdown {
  border: 1px solid #c9d3dd; border-radius: 4px; background: #fff;
}
.issued-documents.issued-documents .document-card .field .ui-dropdown-trigger-icon { color: #28597f; }
.issued-documents.issued-documents .document-card .field-validity-period > label { display: block; margin: 0; line-height: 20px; }
.issued-documents.issued-documents .document-card .field-validity-period > p {
  box-sizing: border-box; min-height: 40px; margin: 8px 0 0 !important; padding: 8px 10px; line-height: 22px;
  white-space: normal; overflow-wrap: break-word;
}
.issued-documents.issued-documents .document-card .document-actions { align-items: center; gap: 10px; }
.issued-documents.issued-documents .document-card .document-actions > button { min-height: 40px; margin: 0; }
/* Keep wide reports within their card; the page itself must never widen. */
.issued-documents.issued-documents .document-card .table-scroll {
  display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;
  overflow: auto; -webkit-overflow-scrolling: touch; margin-top: 12px; padding-bottom: 8px;
  scrollbar-width: auto; scrollbar-color: #8fa4b8 #eef2f6;
}
.issued-documents.issued-documents .table-scroll::-webkit-scrollbar { height: 12px; width: 12px; }
.issued-documents.issued-documents .table-scroll::-webkit-scrollbar-track { background: #eef2f6; }
.issued-documents.issued-documents .table-scroll::-webkit-scrollbar-thumb { background: #8fa4b8; border: 2px solid #eef2f6; border-radius: 8px; }
.issued-documents.issued-documents .document-card .table-scroll > table {
  display: table; width: 100%; min-width: 1680px; table-layout: auto; border-collapse: collapse; font-size: 13px;
}
.issued-documents.issued-documents .document-card .table-scroll > table > thead > tr > th {
  min-width: 120px; padding: 12px; white-space: normal; overflow-wrap: break-word;
  line-height: 20px; vertical-align: top; border-bottom: 1px solid #d7e0e9;
}
/* Reset R13's nth-last-child rules: with R20 those positions are Document and Remarks. */
.issued-documents.issued-documents .document-card .table-scroll > table > tbody > tr > td {
  width: auto; min-width: 120px; max-width: none; padding: 12px; white-space: normal;
  overflow-wrap: anywhere; word-break: normal; line-height: 20px; vertical-align: top;
}
.issued-documents.issued-documents .document-card .table-scroll > table > tbody > tr > td.filename {
  min-width: 220px; max-width: 260px; white-space: normal; overflow-wrap: anywhere;
}
.issued-documents.issued-documents .document-card .table-scroll > table > tbody > tr > td.document-remarks {
  min-width: 200px; max-width: 260px; white-space: pre-wrap; overflow-wrap: anywhere;
}
.issued-documents.issued-documents .document-card .table-scroll > table > tbody > tr > td.row-actions {
  min-width: 220px; white-space: normal;
}
.issued-documents.issued-documents .document-card .table-scroll > table > tbody > tr > td > small {
  display: block; min-width: 0 !important; max-width: 100%; margin-top: 5px; line-height: 18px; white-space: normal; overflow-wrap: anywhere;
}
.issued-documents.issued-documents .document-card .table-scroll td > input {
  box-sizing: border-box; width: 100%; min-width: 160px; min-height: 38px; padding: 7px 9px;
  border: 1px solid #c9d3dd; border-radius: 4px; color: #243f59; font: inherit; background: #fff;
}
.issued-documents.issued-documents .document-card .table-scroll td > button { margin: 0 6px 6px 0; white-space: normal; line-height: 18px; }
.issued-documents.issued-documents .document-card .report-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.issued-documents.issued-documents .document-card .report-columns > div,
.issued-documents.issued-documents .document-card .report-colleges { min-width: 0; overflow: auto; }
.issued-documents.issued-documents .pagination { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-college { grid-column: 1 / -1 !important; }
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-academic-year,
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-type,
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-name,
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-issue-date,
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till,
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-validity-period { grid-column: span 6 !important; }
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till ~ .field.field-document-file { grid-column: 1 / -1 !important; }
  .issued-documents.issued-documents .document-card .document-grid.filters > .field { grid-column: span 6 !important; }
  .issued-documents.issued-documents .document-card .report-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .issued-documents.issued-documents { padding: 12px; }
  .issued-documents.issued-documents .document-card { padding: 14px; }
  .issued-documents.issued-documents .document-card form .document-grid:not(.filters) > .field.field:nth-child(n),
  .issued-documents.issued-documents .document-card .document-grid.filters > .field { grid-column: 1 / -1 !important; }
  .issued-documents.issued-documents .document-card .document-grid { gap: 18px 12px; }
  .issued-documents.issued-documents .document-card .document-actions > button { flex: 1 1 140px; }
}