/* Client portal landing — extends mobile landing section styles. */

.client-landing-results-table {
  table-layout: fixed;
  width: 100%;
}

.client-landing-results-table col.client-landing-col--address {
  width: 26%;
}

.client-landing-results-table col.client-landing-col--city {
  width: 12%;
}

.client-landing-results-table col.client-landing-col--state {
  width: 6%;
}

.client-landing-results-table col.client-landing-col--postal {
  width: 8%;
}

.client-landing-results-table col.client-landing-col--status {
  width: 14%;
}

.client-landing-results-table col.client-landing-col--repair-ecd {
  width: 16%;
}

.client-landing-results-table col.client-landing-col--ecd-delta {
  width: 18%;
}

.client-landing-results-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-landing-results-table td:first-child {
  white-space: normal;
  word-break: break-word;
}

.client-landing-section--scope {
  background: rgba(140, 180, 255, 0.08);
  border-color: rgba(140, 180, 255, 0.35);
}

.client-landing-section--scope .mobile-landing-section-title {
  color: #9ec5ff;
}

.client-landing-section--repair {
  background: rgba(255, 200, 120, 0.08);
  border-color: rgba(255, 200, 120, 0.35);
}

.client-landing-section--repair .mobile-landing-section-title {
  color: #ffc878;
}

.client-landing-section--repairs-complete {
  background: rgba(110, 231, 183, 0.08);
  border-color: rgba(110, 231, 183, 0.35);
}

.client-landing-section--repairs-complete .mobile-landing-section-title {
  color: #6ee7b7;
}

.property-row--static {
  cursor: default;
}

.property-row--static:active {
  background: transparent;
}

.client-portal-home-link {
  text-decoration: none;
  color: var(--text2);
  font-family: "DM Mono", monospace;
  font-size: 11px;
}

.client-portal-home-link:hover {
  color: var(--text);
  border-color: var(--accent);
}

.client-landing-ecd-delta {
  font-weight: 700;
}

.client-landing-ecd-delta--ok {
  color: var(--green);
}

.client-landing-ecd-delta--warn {
  color: #e8c547;
}

.client-landing-ecd-delta--alert {
  color: var(--red);
}