.hb-radar__score-card,
.hb-radar__local-valuation,
.hb-radar__source-table-wrap {
margin-top: 18px;
padding: 20px;
border: 1px solid rgba(92, 84, 202, .14);
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 28px rgba(25, 24, 67, .045);
}
.hb-radar__score-card-head,
.hb-radar__local-valuation-head,
.hb-radar__source-table-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 16px;
}
.hb-radar__score-card-head > div,
.hb-radar__local-valuation-head > div,
.hb-radar__source-table-head {
min-width: 0;
}
.hb-radar__score-card-head span,
.hb-radar__local-valuation-head span,
.hb-radar__source-table-head span {
display: block;
margin-bottom: 5px;
color: #7169df;
font-size: 11px;
font-weight: 800;
letter-spacing: .09em;
}
.hb-radar__score-card-head strong,
.hb-radar__local-valuation-head strong,
.hb-radar__source-table-head strong {
display: block;
color: #25243d;
font-size: 17px;
line-height: 1.28;
}
.hb-radar__score-card-head small,
.hb-radar__local-valuation-head small {
max-width: 180px;
color: #6b6b7e;
font-size: 12px;
line-height: 1.45;
text-align: right;
}
.hb-radar__score-breakdown {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.hb-radar__score-breakdown article {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px 12px;
align-items: center;
min-width: 0;
padding: 13px 14px;
border: 1px solid #ececf4;
border-radius: 14px;
background: #fafafe;
}
.hb-radar__score-breakdown article > div {
min-width: 0;
}
.hb-radar__score-breakdown span,
.hb-radar__score-breakdown small {
display: block;
}
.hb-radar__score-breakdown span {
color: #35344d;
font-size: 13px;
font-weight: 750;
line-height: 1.3;
}
.hb-radar__score-breakdown small {
margin-top: 3px;
color: #8a8999;
font-size: 10px;
}
.hb-radar__score-breakdown strong {
color: #302d73;
font-size: 14px;
white-space: nowrap;
}
.hb-radar__score-breakdown i {
grid-column: 1 / -1;
display: block;
height: 5px;
overflow: hidden;
border-radius: 99px;
background: #e9e8f5;
}
.hb-radar__score-breakdown i b {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #7770e9, #a39ef5);
}
.hb-radar__score-explanation {
margin: 14px 0 0;
padding-top: 13px;
border-top: 1px solid #efeff5;
color: #646376;
font-size: 13px;
line-height: 1.55;
}
.hb-radar__local-valuation {
margin-top: 14px;
padding: 18px;
background: linear-gradient(180deg, #fff 0%, #fbfaff 100%);
}
.hb-radar__comparables {
display: grid;
gap: 8px;
}
.hb-radar__comparables > p {
margin: 0;
padding: 13px 14px;
border-radius: 12px;
background: #f7f7fb;
color: #6d6c7d;
font-size: 13px;
line-height: 1.45;
}
.hb-radar__comparables article {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 12px 13px;
border: 1px solid #ededf4;
border-radius: 12px;
background: #fff;
}
.hb-radar__comparables article > div {
min-width: 0;
}
.hb-radar__comparables article > div:last-child {
flex: 0 0 auto;
text-align: right;
}
.hb-radar__comparables strong,
.hb-radar__comparables b,
.hb-radar__comparables small {
display: block;
}
.hb-radar__comparables strong {
overflow: hidden;
color: #34334a;
font-size: 12px;
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}
.hb-radar__comparables b {
color: #35317d;
font-size: 13px;
}
.hb-radar__comparables small {
margin-top: 3px;
color: #858493;
font-size: 10px;
}
.hb-radar__source-table-wrap {
margin-top: 20px;
}
.hb-radar__source-table-head {
display: block;
}
.hb-radar__source-table-scroll {
overflow-x: auto;
border: 1px solid #ececf3;
border-radius: 14px;
}
.hb-radar__source-table {
width: 100%;
min-width: 720px;
border-collapse: collapse;
background: #fff;
color: #4f4e61;
font-size: 12px;
}
.hb-radar__source-table th,
.hb-radar__source-table td {
padding: 12px 14px;
border-bottom: 1px solid #eeeeF4;
text-align: left;
vertical-align: middle;
}
.hb-radar__source-table thead th {
background: #f7f7fb;
color: #777687;
font-size: 10px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.hb-radar__source-table tbody tr:last-child td {
border-bottom: 0;
}
.hb-radar__source-table td strong {
color: #333247;
}
.hb-radar__source-table td span {
display: inline-flex;
align-items: center;
padding: 5px 8px;
border-radius: 99px;
font-size: 10px;
font-weight: 800;
white-space: nowrap;
}
.hb-radar__source-table td span.is-received {
background: #e9f7f1;
color: #167859;
}
.hb-radar__source-table td span.is-partial {
background: #fff4dc;
color: #916313;
}
.hb-radar__source-table td span.is-missing {
background: #f3f3f7;
color: #777684;
} .hb-radar__result {
font-size: 15px;
}
.hb-radar__result-content {
padding-bottom: 24px;
}
.hb-radar__result-actions {
margin-bottom: max(8px, env(safe-area-inset-bottom));
}
.hb-radar__estimate-grid strong,
.hb-radar__result-kpis strong {
overflow-wrap: normal;
word-break: keep-all;
}
@media (max-width: 1180px) {
.hb-radar__score-breakdown {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.hb-radar__score-card,
.hb-radar__local-valuation,
.hb-radar__source-table-wrap {
padding: 16px;
border-radius: 16px;
}
.hb-radar__score-card-head,
.hb-radar__local-valuation-head {
display: block;
}
.hb-radar__score-card-head small,
.hb-radar__local-valuation-head small {
display: block;
max-width: none;
margin-top: 6px;
text-align: left;
}
.hb-radar__comparables article {
display: grid;
}
.hb-radar__comparables article > div:last-child {
text-align: left;
}
}
.hb-radar__source-registry-link{margin:16px 0 0;text-align:right}.hb-radar__source-registry-link a{color:#4b46cc;font-weight:800;text-decoration:none;border-bottom:1px solid #c8c5f4}