/* R18: named fields keep upload layout stable when Others adds Document Name.
   Scoped to this page and its upload form. R13 styles remain in place. */
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-college { grid-column: span 8; }
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-academic-year { grid-column: span 4; }
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-type,
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-name { grid-column: span 4; }
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-issue-date,
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till { grid-column: span 2; }
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-file,
.issued-documents .document-card form .document-grid:not(.filters) > .field.field-remarks { grid-column: 1 / -1; }
.issued-documents .document-card form .document-grid > .field.field-document-file > input[type="file"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 40px;
  padding: 5px 8px;
  overflow: hidden;
}
.issued-documents .document-card form .document-grid > .field.field-document-file > input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 3px 10px;
  border: 1px solid #b6c9da;
  border-radius: 3px;
  background: #f3f7fb;
  color: #28597f;
  font: inherit;
  cursor: pointer;
}
.issued-documents .document-card form .document-grid > .field.field-document-file > small { max-width: 100%; }
.issued-documents .document-card form .document-grid > .field.field-remarks > textarea {
  display: block;
  box-sizing: border-box;
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-college,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-academic-year,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-type,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-name,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-issue-date,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till { grid-column: span 6; }
}
@media (max-width: 600px) {
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-college,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-academic-year,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-type,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-document-name,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-issue-date,
  .issued-documents .document-card form .document-grid:not(.filters) > .field.field-valid-till { grid-column: 1 / -1; }
}