/* =========================================================
   RELAY STRATA — ROLE-AWARE PROPERTY PORTFOLIO
   ========================================================= */

/* Keep the authenticated header focused on the signed-in user. */
.relay-user-org {
  display: none !important;
}

/* Portfolio CTA — solid Relay mint, rounded, no offset shadow. */
body .relay-portfolio-page #newRiskButton,
body .relay-portfolio-page #emptyNewRiskButton {
  background: var(--relay-mint) !important;
  border-color: var(--relay-mint) !important;
  color: var(--relay-black) !important;
  border-radius: var(--relay-radius) !important;
  box-shadow: none !important;
}

body .relay-portfolio-page #newRiskButton:hover,
body .relay-portfolio-page #emptyNewRiskButton:hover {
  background: #93D2B3 !important;
  border-color: #93D2B3 !important;
  color: var(--relay-black) !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

.relay-portfolio-actions {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 16px;
}

/* Keep the table visually even. Property gets a little more room,
   renewal and open stay deliberately tighter; the four working columns
   share the same width. */
.relay-role-aware-page .risk-table-header,
.relay-role-aware-page .risk-row {
  grid-template-columns:
    minmax(205px, 1.2fr)
    minmax(105px, 0.65fr)
    repeat(4, minmax(155px, 1fr))
    minmax(95px, 0.65fr);
  column-gap: 16px;
}

/* The last column opens the record; it is not another workflow action. */
.relay-role-aware-page .risk-table-header > div:last-child {
  font-size: 0;
}

.relay-role-aware-page .risk-table-header > div:last-child::after {
  content: "Open";
  font-size: 10px;
}

.relay-role-aware-page .risk-renewal-cell,
.relay-role-aware-page .risk-next-action-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.relay-role-aware-page .risk-renewal-cell strong,
.relay-role-aware-page .risk-next-action-cell strong {
  color: var(--relay-black);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.relay-role-aware-page .risk-stakeholder-cell {
  color: var(--relay-black);
  font-size: 12px;
  line-height: 1.35;
}

.relay-role-aware-page .risk-table-subvalue {
  display: block;
  color: var(--relay-muted);
  font-size: 10px;
  line-height: 1.35;
}

.relay-role-aware-page .risk-open-button {
  padding-left: 13px;
  padding-right: 13px;
  white-space: nowrap;
}

@media (max-width: 1250px) {
  .relay-role-aware-page .risk-table-header,
  .relay-role-aware-page .risk-row {
    grid-template-columns:
      minmax(205px, 1.2fr)
      minmax(105px, 0.65fr)
      repeat(3, minmax(155px, 1fr))
      minmax(95px, 0.65fr);
  }

  /* Hide incumbent insurer first on narrower layouts. */
  .relay-role-aware-page .risk-table-header > div:nth-child(5),
  .relay-role-aware-page .risk-row > div:nth-child(5) {
    display: none;
  }
}

@media (max-width: 1050px) {
  .relay-role-aware-page .risk-table-header,
  .relay-role-aware-page .risk-row {
    grid-template-columns:
      minmax(210px, 1.25fr)
      minmax(105px, 0.65fr)
      repeat(2, minmax(165px, 1fr))
      minmax(95px, 0.65fr);
  }

  /* Then hide broker, leaving property, renewal, strata manager,
     personalised action and Open risk. */
  .relay-role-aware-page .risk-table-header > div:nth-child(4),
  .relay-role-aware-page .risk-row > div:nth-child(4) {
    display: none;
  }
}

@media (max-width: 900px) {
  .relay-portfolio-actions {
    justify-content: stretch;
  }

  body .relay-portfolio-page #newRiskButton,
  body .relay-portfolio-page #emptyNewRiskButton {
    width: 100%;
  }

  .relay-role-aware-page .risk-table-header {
    display: none;
  }

  .relay-role-aware-page .risk-row {
    grid-template-columns: 1fr auto;
    gap: 12px;
  }

  .relay-role-aware-page .risk-row > div:nth-child(2),
  .relay-role-aware-page .risk-row > div:nth-child(3),
  .relay-role-aware-page .risk-row > div:nth-child(4),
  .relay-role-aware-page .risk-row > div:nth-child(5),
  .relay-role-aware-page .risk-row > div:nth-child(6) {
    display: none;
  }

  .relay-role-aware-page .risk-table-action {
    justify-content: flex-end;
  }
}