
.searchable-select .searchable-select-trigger,
#sopProcedureTrigger,
#kpiProcedureTrigger {
  background: #f8fafd !important;
  color: #0f172a !important;
  border-color: #d8e1ef !important;
  box-shadow: none !important;
  background-image: none !important;
}

.searchable-select-trigger::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #64748b;
  border-bottom: 2px solid #64748b;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

#editorPicklistProcedureTrigger,
#sopProcedureTrigger,
#kpiProcedureTrigger {
  width: 100% !important;
  min-width: 0 !important;
}

#editorPicklistProcedureSelect,
#sopProcedureSelect,
#kpiProcedureSelect {
  width: 100% !important;
  min-width: 0 !important;
}

#kpiFilterForm {
  grid-template-columns: 190px 20px 230px 138px 138px 92px !important;
  column-gap: 6px !important;
  row-gap: 8px !important;
  align-items: end !important;
}

#kpiFilterForm button[type="submit"] {
  width: 92px !important;
  min-width: 92px !important;
  padding-inline: 10px !important;
  justify-self: start !important;
  white-space: nowrap !important;
}

#reportsView .report-entity-panel {
  padding-block: 10px !important;
}

#reportsView .report-entity-panel .section-title {
  margin-bottom: 5px !important;
}

.report-entity-trigger {
  min-height: 36px !important;
  max-height: 36px !important;
  padding-block: 0 !important;
}

#reportsExportForm {
  grid-template-columns: 190px 150px 150px minmax(260px, 1fr) !important;
  gap: 8px !important;
  align-items: end !important;
}

#reportsExportForm #downloadOperationalReportButton {
  grid-column: 1 !important;
  width: 152px !important;
  min-width: 152px !important;
  padding-inline: 9px !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#reportsExportForm #emailReportButton {
  grid-column: 2 !important;
  width: 118px !important;
  min-width: 118px !important;
  padding-inline: 10px !important;
}

#reportsExportForm > label:has(#reportsEmailRecipientsInput) {
  grid-column: 3 / 5 !important;
  max-width: 360px !important;
}

#reportsExportForm > label:has(#reportsTypeSelect) {
  grid-column: 1 !important;
  width: 190px !important;
  max-width: 190px !important;
}

#reportsTypeSelect {
  width: 190px !important;
  max-width: 190px !important;
}

#reportsExportForm > label:has(#reportsExportStart) {
  grid-column: 2 !important;
}

#reportsExportForm > label:has(#reportsExportEnd) {
  grid-column: 3 !important;
}

.report-selected-summary {
  grid-column: 4 !important;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid #d6dde8;
  border-radius: 10px;
  background: #f8fafc;
  color: #334155;
  overflow: hidden;
}

.report-selected-summary strong {
  display: block;
  margin-bottom: 3px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
}

.report-selected-summary span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

#rdpConfigForm {
  grid-template-columns: minmax(180px, 220px) minmax(180px, 210px) minmax(210px, 1fr) minmax(150px, 180px) minmax(170px, 210px) 138px 128px !important;
  gap: 8px !important;
  align-items: end !important;
}

#rdpConfigForm button {
  min-height: 38px !important;
  padding-inline: 10px !important;
  white-space: nowrap !important;
}

#rdpConfigForm button[type="submit"] {
  width: 138px !important;
  min-width: 138px !important;
}
