/* R24: fill the document fields with the deployed PrimeNG 11 calendar.
   The legacy ui-* variant is retained for compatibility. Popup panels are untouched. */
.issued-documents.issued-documents .document-card .field > p-calendar > .p-calendar,
.issued-documents.issued-documents .document-card .field > p-calendar > .ui-calendar {
  display: flex; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;
  height: 40px; align-items: stretch;
}
.issued-documents.issued-documents .document-card .field > p-calendar > .p-calendar > input,
.issued-documents.issued-documents .document-card .field > p-calendar > .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 > p-calendar > .p-calendar > button.p-datepicker-trigger,
.issued-documents.issued-documents .document-card .field > p-calendar > .ui-calendar > button.ui-datepicker-trigger {
  position: static; display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; flex: 0 0 40px; width: 40px; min-width: 40px; max-width: 40px;
  height: 40px; min-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 > p-calendar > .p-calendar > button.p-button-icon-only > .p-button-label,
.issued-documents.issued-documents .document-card .field > p-calendar > .ui-calendar > button.ui-button-icon-only > .ui-button-text {
  display: none;
}
.issued-documents.issued-documents .document-card .field > p-calendar > .p-calendar > button > .p-button-icon,
.issued-documents.issued-documents .document-card .field > p-calendar > .ui-calendar > button > .ui-button-icon-left {
  position: static; display: block; margin: 0; line-height: 1; color: inherit;
}
.issued-documents.issued-documents .document-card .field > p-calendar > .p-calendar > button.p-datepicker-trigger:focus,
.issued-documents.issued-documents .document-card .field > p-calendar > .ui-calendar > button.ui-datepicker-trigger:focus {
  outline: 2px solid #337eb4; outline-offset: 2px;
}