/* =========================================================
   RELAY STRATA — FINAL PORTFOLIO LAYOUT
   Compact status strip + toolbar alignment.
   ========================================================= */

/* One compact status strip rather than two detached cards. */
.relay-role-aware-page .relay-portfolio-summary-cards {
  width: 378px !important;
  max-width: 100% !important;
  margin: 18px 0 26px auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  border: 1px solid #DCE3DF !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.relay-role-aware-page .relay-portfolio-summary-card {
  width: 100% !important;
  min-height: 82px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 13px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.relay-role-aware-page .relay-portfolio-summary-card + .relay-portfolio-summary-card {
  border-left: 1px solid #DCE3DF !important;
}

.relay-role-aware-page .relay-portfolio-summary-card::before,
.relay-role-aware-page .relay-portfolio-summary-card::after {
  content: none !important;
  display: none !important;
}

.relay-role-aware-page .relay-portfolio-summary-card > strong {
  margin: 0 !important;
  color: #111111 !important;
  font-size: 38px !important;
  line-height: .9 !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
}

.relay-role-aware-page .relay-portfolio-summary-card.attention.has-attention > strong {
  color: #F28A30 !important;
}

.relay-role-aware-page .relay-summary-copy {
  gap: 4px !important;
  min-width: 0 !important;
}

.relay-role-aware-page .relay-summary-label {
  color: #111111 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

.relay-role-aware-page .relay-summary-detail {
  color: #667085 !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}

.relay-role-aware-page .relay-portfolio-summary-card.renewals,
.relay-role-aware-page .relay-portfolio-summary-card.attention,
.relay-role-aware-page .relay-portfolio-summary-card.attention.has-attention {
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Insurer policy number and action due date use identical secondary-line metrics. */
.relay-role-aware-page .relay-final-insurer small,
.relay-role-aware-page .relay-next-action-meta {
  display: block !important;
  margin-top: 3px !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  color: #758091 !important;
}

/* Search, Search button, Filters and Add property all use one consistent gap. */
.relay-role-aware-page .relay-portfolio-toolbar,
.relay-role-aware-page .relay-portfolio-search-form,
.relay-role-aware-page .relay-portfolio-toolbar-actions {
  gap: 12px !important;
}

/* Final navigation column is deliberately left aligned. */
.relay-role-aware-page .relay-final-open-cell {
  justify-content: flex-start !important;
  text-align: left !important;
}

@media (max-width: 1180px) {
  .relay-role-aware-page .relay-portfolio-summary-cards {
    margin: 14px 0 24px auto !important;
  }
}

@media (max-width: 700px) {
  .relay-role-aware-page .relay-portfolio-summary-cards {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  .relay-role-aware-page .relay-portfolio-summary-card {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    min-height: 76px !important;
    padding: 13px 16px !important;
  }

  .relay-role-aware-page .relay-portfolio-summary-card + .relay-portfolio-summary-card {
    border-left: 0 !important;
    border-top: 1px solid #DCE3DF !important;
  }

  .relay-role-aware-page .relay-portfolio-summary-card > strong {
    font-size: 36px !important;
  }
}