.radar {
  max-width: 1400px;
  margin: auto;
}
.radar h1 {
  font-size: 34px;
  letter-spacing: -1px;
  margin: 12px 0;
}
.radar .intro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding: 26px 0 18px;
}
.radar .intro p {
  color: #64766e;
  margin: 0;
  line-height: 1.5;
}
.radar .data-date {
  font-size: 12px;
  color: #6c7972;
  text-align: right;
  max-width: 290px;
  line-height: 1.6;
}
.radar .scope-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #d8e4dd;
  margin: 16px 0 20px;
}
.radar .scope-tabs a {
  padding: 14px 20px;
  text-decoration: none;
  color: #65796d;
  border-bottom: 3px solid transparent;
}
.radar .scope-tabs a.active {
  color: #15513e;
  border-color: #15513e;
  font-weight: 700;
}
.radar .scope-tabs span {
  margin-left: 8px;
  font-size: 12px;
  padding: 3px 7px;
  background: #e8efea;
  border-radius: 12px;
}
.radar .scope-note {
  font-size: 13px;
  color: #607367;
  margin: 0 0 20px;
  max-width: 900px;
  line-height: 1.6;
}
.radar .filter-bar {
  display: flex;
  gap: 14px;
  align-items: end;
  background: white;
  padding: 18px;
  border: 1px solid #dce6df;
  border-radius: 12px;
  margin-bottom: 22px;
}
.radar .filter-bar label {
  display: block;
  font-size: 12px;
  color: #5d7165;
  flex: 1;
}
.radar .filter-bar label.search {
  flex: 3;
}
.radar input,
.radar select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 11px;
  margin-top: 7px;
  background: white;
  border: 1px solid #cddbd1;
  border-radius: 8px;
  font: inherit;
}
.radar button {
  border: 0;
  border-radius: 8px;
  background: #184e3b;
  color: white;
  padding: 12px 22px;
  cursor: pointer;
}
.radar .result-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 18px 0;
}
.radar .result-bar h2 {
  font-size: 19px;
  margin: 0;
}
.radar .pager {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 13px;
}
.radar .table-wrap {
  background: white;
  border: 1px solid #dce6df;
  border-radius: 14px;
}
.radar table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.radar th {
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: #627c6a;
  padding: 17px 16px;
  background: #f5f8f5;
  white-space: normal;
}
.radar td {
  padding: 21px 16px;
  vertical-align: top;
  border-top: 1px solid #e5ece5;
  white-space: normal;
  line-height: 1.5;
  font-size: 13px;
}
.radar .property-cell {
  display: flex;
  gap: 13px;
}
.radar .property-cell img {
  width: 74px;
  height: 70px;
  object-fit: cover;
  border-radius: 9px;
  flex-shrink: 0;
}
.radar .property-link {
  font-weight: 650;
  color: #153e2f;
  display: block;
  font-size: 14px;
}
.radar .muted {
  display: block;
  color: #6a7f71;
  font-size: 12px;
  margin-top: 5px;
}
.radar .money {
  font-size: 19px;
  font-weight: 650;
  color: #183d2d;
}
.radar .signal {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 5px;
  background: #e9f3eb;
  color: #28573b;
  font-size: 11px;
  font-weight: 650;
  margin: 0 4px 6px 0;
}
.radar .signal.notice {
  background: #fbf0dc;
  color: #805d28;
}
.radar .signal.urgent {
  background: #f9e4df;
  color: #963c2a;
}
.radar .listing-status {
  font-weight: 600;
  color: #496a58;
  margin-bottom: 8px;
}
.radar .decision {
  color: #456151;
  font-size: 13px;
}
.radar .decision.excluded {
  color: #875a44;
}
.radar .empty-result {
  text-align: center;
  padding: 50px 20px;
}
.radar .empty-result strong {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.radar .open-brief {
  display: inline-block;
  margin-top: 12px;
  font-weight: 650;
  color: #246b4f;
}
.radar footer {
  font-size: 12px;
  color: #6e7e72;
  margin: 20px 0;
}
.radar .archived-note {
  background: #fff7e9;
  padding: 12px 16px;
  border-radius: 8px;
  margin: 15px 0;
  font-size: 13px;
}
@media (max-width: 900px) {
  .radar .property-cell img {
    display: none;
  }
  .radar th,
  .radar td {
    padding: 14px 10px;
  }
  .radar .intro {
    align-items: start;
    flex-direction: column;
  }
  .radar .data-date {
    text-align: left;
    max-width: none;
  }
}
@media (max-width: 650px) {
  .radar .filter-bar {
    flex-wrap: wrap;
  }
  .radar .filter-bar label.search {
    flex-basis: 100%;
  }
  .radar .filter-bar label {
    flex-basis: 38%;
  }
  .radar table,
  .radar tbody,
  .radar tr,
  .radar td {
    display: block;
    width: auto;
  }
  .radar thead {
    display: none;
  }
  .radar td {
    border: 0;
    padding: 8px 16px;
  }
  .radar tr {
    border-top: 1px solid #d9e5dc;
    padding: 16px 0;
  }
  .radar tr:first-child {
    border-top: 0;
  }
  .radar .property-cell img {
    display: block;
  }
  .radar td:before {
    content: attr(data-label);
    display: block;
    font-size: 10px;
    letter-spacing: 0.8px;
    color: #6c7b71;
    margin-bottom: 4px;
    text-transform: uppercase;
  }
  .radar td:first-child:before {
    display: none;
  }
  .radar .scope-tabs a {
    padding: 12px;
    font-size: 14px;
  }
  .radar .scope-note {
    font-size: 12px;
  }
  .radar h1 {
    font-size: 29px;
  }
  .radar .result-bar {
    gap: 12px;
    align-items: start;
    flex-direction: column;
  }
}

.buyer-form {
  margin: 20px 0;
}
.buyer-box {
  border: 1px solid #ced8d3;
  background: #fff;
  border-radius: 12px;
  padding: 18px 22px;
}
.buyer-box summary {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.buyer-box summary strong {
  font-size: 17px;
}
.buyer-box summary span {
  color: #52645c;
}
.buyer-box .edit-label {
  margin-left: auto;
  color: #176348;
  font-weight: 600;
}
.buyer-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}
.buyer-fields label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
}
.buyer-fields input,
.buyer-fields select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #c8d3cd;
  border-radius: 7px;
  padding: 10px;
  font: inherit;
  background: white;
}
.buyer-types {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  border: 0;
  padding: 15px 0;
  margin: 14px 0 0;
}
.buyer-types legend {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.buyer-types label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
}
.buyer-types input {
  width: 16px;
  height: 16px;
  accent-color: #176348;
}
.buyer-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 16px;
}
.buyer-actions button {
  background: #176348;
  color: white;
  border: 0;
  padding: 11px 18px;
  border-radius: 7px;
  cursor: pointer;
}
.composition {
  color: #52645c;
  font-size: 13px;
  margin-top: 18px;
}
@media (max-width: 700px) {
  .buyer-fields {
    grid-template-columns: 1fr;
  }
  .buyer-box {
    padding: 15px;
  }
  .buyer-box summary {
    display: grid;
  }
  .buyer-box .edit-label {
    margin-left: 0;
  }
}
.buyer-types input {
  padding: 0;
  margin: 0;
}

.radar .snapshot-note {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  background: #fff7e9;
  border: 1px solid #ebd7ad;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 18px;
  color: #79571f;
  font-size: 13px;
  line-height: 1.5;
}
.radar .portfolio-table td,
.radar .decision {
  white-space: normal;
  overflow-wrap: anywhere;
}
.radar .signal.stale {
  background: #f4eee2;
  color: #775c2b;
  border: 1px solid #e6dac1;
}
.radar .listing-status {
  font-weight: 500;
}
.radar .signal {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
}
@media (max-width: 760px) {
  .radar .intro {
    padding-top: 12px;
  }
  .radar .scope-tabs a {
    padding: 12px 10px;
  }
}

.radar .intro {
  padding: 12px 0 14px;
}
.radar .scope-tabs {
  margin: 12px 0;
}
.radar .scope-note {
  margin-bottom: 12px;
}
.radar .filter-bar {
  margin-bottom: 12px;
  padding: 14px 18px;
}
.radar .data-date {
  max-width: 260px;
}