/*
 * Shared property map/list adapter
 * Base tokens and shell come from apt/css/apt_list.css.
 * This file adapts the existing house, oneroom, sangup and land markup.
 */

.propertyPage .top_menu {
    overflow: visible;
    scrollbar-width: none;
}

.propertyPage .top_menu::-webkit-scrollbar {
    display: none;
}

.propertyPage #topNode {
    flex: 0 0 auto;
    min-width: max-content;
}

.propertyPage .select-div-container {
    flex-basis: 112px;
}

.propertyPage .select-div .selectedValueData {
    height: auto !important;
    overflow: hidden;
    color: #101828;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25 !important;
    letter-spacing: -.25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage .listDataHeader {
    padding-bottom: 12px !important;
}

.propertyPage .listHeaderTop {
    margin-bottom: 10px;
}

.propertyPage .listHeaderRecommendOnly {
    justify-content: flex-end;
}

.propertyPage .listHeaderRecommendOnly .listHeaderOptions {
    flex-basis: 102px;
}

.propertyPage .listHeaderRecommendOnly .listHeaderToggle {
    flex-basis: 100%;
}

/* Existing compact-card markup adapter */
.propertyPage .property-item-clean {
    position: relative;
    gap: 6px;
    padding: 9px 12px 8px;
}

.propertyPage .clean-left,
.propertyPage .clean-tags,
.propertyPage .clean-details,
.propertyPage .clean-detail-item,
.propertyPage .clean-right,
.propertyPage .clean-row-top,
.propertyPage .clean-meta {
    display: flex;
    align-items: center;
}

.propertyPage .clean-left {
    min-width: 0;
    gap: 8px;
    padding-right: 150px;
}

.propertyPage .clean-badge {
    flex: 0 0 auto;
    min-width: 34px;
    padding: 4px 7px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.propertyPage .clean-badge.sale {
    color: #15803d;
    background: #ecfdf3;
}

.propertyPage .clean-badge.jeonse {
    color: #b45309;
    background: #fffbeb;
}

.propertyPage .clean-badge.wolse {
    color: #6d28d9;
    background: #f5f3ff;
}

.propertyPage .clean-price,
.propertyPage .clean-price-large {
    min-width: 0;
    overflow: hidden;
    color: #101828;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage .clean-price > span,
.propertyPage .clean-row-top > span[style*="font-size"] {
    margin-left: 6px;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 600;
}

.propertyPage .clean-mid {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.propertyPage .clean-tags {
    min-width: 0;
    gap: 5px;
    overflow: hidden;
}

.propertyPage .tag-pill {
    flex: 0 0 auto;
    padding: 3px 6px;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: #f8fafc;
    color: #667085;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
}

.propertyPage .tag-pill.date {
    color: #175cd3;
    border-color: #d1e0ff;
    background: #eff6ff;
}

.propertyPage .tag-pill.recommend {
    color: #2563eb;
    border-color: #c7d7fe;
    background: #f5f8ff;
}

.propertyPage .maemulName {
    display: flex;
    width: auto !important;
    align-items: center;
    gap: 3px !important;
}

.propertyPage .maemulName img,
.propertyPage .maemulName svg {
    width: 13px;
    height: 13px;
}

.propertyPage .clean-details {
    min-width: 0;
    gap: 8px;
    margin-top: 0 !important;
    padding: 5px 7px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f8f9fb;
    color: #475467;
}

.propertyPage .clean-detail-item {
    min-width: 0;
    gap: 4px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage .clean-detail-item .material-symbols-rounded {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 13px;
}

.propertyPage .clean-divider {
    flex: 0 0 1px;
    width: 1px;
    height: 11px;
    background: #dfe3e8;
}

.propertyPage .clean-right {
    position: absolute;
    top: 9px;
    right: 12px;
    max-width: 142px;
    gap: 6px;
}

.propertyPage .clean-heart {
    display: grid;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #f5f6f8;
}

.propertyPage .clean-heart img {
    width: 15px !important;
    height: 15px !important;
    position: static !important;
}

.propertyPage .clean-realtor {
    overflow: hidden;
    color: #667085;
    font-size: 9px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Cards migrated to the apartment card structure must keep the apartment styling. */
.propertyPage .propertyCardHead .clean-badge {
    font-size: 12px;
}

.propertyPage .propertyCardHead .clean-badge.sale {
    color: #40b852;
    background: #effdec;
}

.propertyPage .propertyCardHead .clean-badge.jeonse {
    color: #b45309;
    background: #fffbeb;
}

.propertyPage .propertyCardHead .clean-badge.wolse {
    color: #6d28d9;
    background: #f5f3ff;
}

.propertyPage .propertyCardActions .clean-heart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* One-room card keeps a small thumbnail without increasing card thickness. */
.propertyPage .property-item-clean.oneroom-variant {
    display: grid;
    width: calc(100% - 20px) !important;
    grid-template-columns: 64px minmax(0, 1fr) 72px;
    gap: 9px;
    padding: 9px;
}

.propertyPage .oneroom-variant .clean-thumbnail {
    width: 64px;
    height: 74px;
    overflow: hidden;
    border-radius: 9px;
    background: #eef1f5;
}

.propertyPage .oneroom-variant .clean-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.propertyPage .oneroom-variant .placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #98a2b3;
    font-size: 9px;
}

.propertyPage .oneroom-variant .clean-mid {
    gap: 4px;
}

.propertyPage .oneroom-variant .clean-row-top {
    min-width: 0;
    gap: 6px;
}

.propertyPage .oneroom-variant .clean-price-large {
    font-size: 17px;
}

.propertyPage .oneroom-variant .clean-memo {
    overflow: hidden;
    color: #475467;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage .oneroom-variant .clean-meta {
    gap: 5px;
    overflow: hidden;
    color: #98a2b3;
    font-size: 9px;
    white-space: nowrap;
}

.propertyPage .oneroom-variant .clean-right {
    position: static;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

/* Apartment-style one-room card with a compact photo preview. */
.propertyPage .property-item-clean.oneroom-modern {
    display: grid;
    width: calc(100% - 20px) !important;
    height: 135px;
    min-height: 135px;
    max-height: 135px;
    grid-template-columns: 126px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    padding: 9px;
    overflow: hidden;
}

.propertyPage .oneroomCardThumbnail {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #d9e2ee;
    border-radius: 9px;
    background: linear-gradient(145deg, #e9eef5 0%, #dfe7f1 100%);
}

.propertyPage .oneroomCardThumbnail img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.propertyPage .oneroomCardThumbnail.is-missing img {
    display: none;
}

.propertyPage .oneroomCardPlaceholder {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    color: #748baa;
    background: linear-gradient(145deg, #e9eef5 0%, #dfe7f1 100%);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: -.15px;
    text-align: center;
}

.propertyPage .oneroomCardThumbnail.is-missing .oneroomCardPlaceholder {
    display: flex;
}

.propertyPage .oneroomCardPlaceholder .material-symbols-rounded {
    color: #88a7cc;
    font-size: 31px;
    line-height: 1;
    font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 32;
}

.propertyPage .oneroomCardBody {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    flex-direction: column;
    gap: 6px;
}

.propertyPage .oneroom-modern .propertyCardHead,
.propertyPage .oneroom-modern .propertyCardBadges {
    gap: 5px;
}

.propertyPage .oneroom-modern .propertyCardBadges {
    min-width: 0;
    overflow: hidden;
}

.propertyPage .oneroomListingStatus {
    display: inline-flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
    padding: 3px 5px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.propertyPage .oneroomListingStatus .material-symbols-rounded {
    font-size: 11px;
    font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 16;
}

.propertyPage .oneroomListingStatus.is-real {
    color: #176b46;
    background: #eaf8f0;
}

.propertyPage .oneroomListingStatus.is-co-brokerage {
    color: #6d28d9;
    background: #f3efff;
}

.propertyPage .oneroom-modern .propertyCardRecommend {
    flex: 0 0 auto;
    gap: 2px;
    padding: 3px 5px;
    color: #1d4ed8;
    border-left: 0;
    border-radius: 999px;
    background: #eaf2ff;
    font-size: 9px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.propertyPage .oneroom-modern .propertyCardRecommend .material-symbols-rounded {
    color: #2563eb;
    font-size: 11px;
}

.propertyPage .oneroom-modern .propertyCardInfo {
    gap: 6px;
    padding: 6px 7px;
}

.propertyPage .oneroom-modern .propertyCardInfoItem {
    font-size: 10px;
}

.propertyPage .oneroom-modern .propertyCardFoot {
    font-size: 9px;
}

.propertyPage .oneroomCardShortRent,
.propertyPage .oneroomCardShortRent .material-symbols-rounded {
    color: #2563eb;
}

.propertyPage .oneroomCardPromotion {
    max-width: 100px;
    overflow: hidden;
    color: #667085;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Legacy house detail content adapter */
.propertyPage .detaildetails {
    padding: 12px;
    box-sizing: border-box;
    background: #f7f8fa;
}

.propertyPage .detaildetails > .youtubeslider-container,
.propertyPage .detailbuttons,
.propertyPage .detailinfo,
.propertyPage .detaildetails > table,
.propertyPage .detailMapContainer,
.propertyPage .detailother-info,
.propertyPage .company-info {
    margin: 0 0 9px !important;
    padding: 14px !important;
    box-sizing: border-box;
    border: 1px solid #e4e7ec !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.propertyPage .detaildetails h3 {
    margin: 14px 0 8px;
    color: #101828;
    font-size: 14px;
}

.propertyPage .detaildetails table {
    width: 100% !important;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 12px !important;
}

.propertyPage .detaildetails td {
    padding: 8px !important;
    border-color: #eaecf0 !important;
    color: #475467;
}

.propertyPage .detaildetails td.label {
    background: #f8fafc;
    color: #344054;
    /* font-weight: 800; */
}

.propertyPage .detailprice {
    color: #175cd3;
    font-size: 23px;
    font-weight: 850;
    letter-spacing: -.8px;
}

.propertyPage .detailinquire {
    border: 0;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
}

/* Modern house detail presentation */
.propertyPage-house .houseDetailView.dm-container {
    padding: 12px 12px 10px;
    background: #f7f8fa;
}

.propertyPage-house .houseDetailView > .youtubeslider-container {
    overflow: hidden;
    padding: 0 !important;
    border-color: #dfe5ee !important;
    background: #edf1f6 !important;
}

/* Match the house-detail media card on the other property detail pages. */
.propertyPage-oneroom .detaildetails > .youtubeslider-container,
.propertyPage-sangup .detaildetails > .youtubeslider-container,
.propertyPage-land .detaildetails > .youtubeslider-container {
    overflow: hidden;
    padding: 0 !important;
    border-color: #dfe5ee !important;
    background: #edf1f6 !important;
}

.propertyPage-oneroom .detaildetails > .youtubeslider-container .media-wrapper img,
.propertyPage-sangup .detaildetails > .youtubeslider-container .media-wrapper img,
.propertyPage-land .detaildetails > .youtubeslider-container .media-wrapper img {
    border-radius: 0;
}

.propertyPage-oneroom .detaildetails > .youtubeslider-container .youtubeslider-arrow,
.propertyPage-sangup .detaildetails > .youtubeslider-container .youtubeslider-arrow,
.propertyPage-land .detaildetails > .youtubeslider-container .youtubeslider-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
}

.propertyPage-oneroom .detaildetails > .youtubeslider-container .youtubedots-container,
.propertyPage-sangup .detaildetails > .youtubeslider-container .youtubedots-container,
.propertyPage-land .detaildetails > .youtubeslider-container .youtubedots-container {
    align-items: center;
}

.propertyPage-oneroom .detaildetails > .youtubeslider-container .youtubedot,
.propertyPage-sangup .detaildetails > .youtubeslider-container .youtubedot,
.propertyPage-land .detaildetails > .youtubeslider-container .youtubedot {
    background: rgb(195 195 195 / 60%);
}

.propertyPage-oneroom .detaildetails > .youtubeslider-container .youtubedot.active,
.propertyPage-sangup .detaildetails > .youtubeslider-container .youtubedot.active,
.propertyPage-land .detaildetails > .youtubeslider-container .youtubedot.active {
    width: 15px;
    border: 0;
    border-radius: 5px;
    background: #999;
}

.propertyPage-house .houseDetailHero {
    display: flex !important;
    min-height: 128px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px !important;
    border-color: #dbe5f1 !important;
    background: linear-gradient(145deg, #ffffff 0%, #f7faff 100%) !important;
}

.propertyPage-house .houseDetailInfoSection .houseDetailSectionHeading,
.propertyPage-house .houseDetailMapSection .houseDetailSectionHeading,
.propertyPage-house .houseDetailRealtorSection .houseDetailSectionHeading {
    margin: 0 0 10px;
}

.propertyPage-house .houseDetailHeroMain {
    min-width: 0;
    flex: 1;
}

.propertyPage-house .houseDetailStatusRow,
.propertyPage-house .houseDetailTitleRow,
.propertyPage-house .houseDetailPromotion,
.propertyPage-house .houseDetailSectionHeading,
.propertyPage-house .houseDetailStatus,
.propertyPage-house .houseDetailHero .detailprice {
    display: flex;
    align-items: center;
}

.propertyPage-house .houseDetailStatusRow {
    min-height: 23px;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 9px;
}

.propertyPage-house .houseDetailDealBadge,
.propertyPage-house .houseDetailStatus {
    flex: 0 0 auto;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.propertyPage-house .houseDetailDealBadge {
    padding: 5px 8px;
    color: #175cd3;
    background: #eaf2ff;
}

.propertyPage-house .houseDetailStatus {
    gap: 2px;
    padding: 4px 7px;
}

.propertyPage-house .houseDetailStatus .material-symbols-rounded {
    font-size: 12px;
    font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 16;
}

.propertyPage-house .houseDetailStatus.is-recommend {
    color: #1d4ed8;
    background: #eaf2ff;
}

.propertyPage-house .houseDetailStatus.is-real {
    color: #176b46;
    background: #eaf8f0;
}

.propertyPage-house .houseDetailStatus.is-co-brokerage {
    color: #6d28d9;
    background: #f3efff;
}

.propertyPage-house .houseDetailTitleRow {
    min-width: 0;
    gap: 8px;
    color: #101828;
}

.propertyPage-house .houseDetailTitleRow strong {
    flex: 0 0 auto;
    font-size: 15px;
}

.propertyPage-house .houseDetailTitleRow span {
    overflow: hidden;
    color: #667085;
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage-house .houseDetailHero .detailprice {
    min-width: 0;
    gap: 7px;
    margin: 12px 0 0;
}

.propertyPage-house .houseDetailHero .detailprice strong {
    flex: 0 0 auto;
    color: #101828;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.1;
}

.propertyPage-house .houseDetailHero .detailprice span {
    overflow: hidden;
    color: #667085;
    font-size: 11px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propertyPage-house .dm-floating-btn .material-symbols-rounded {
    font-size: 17px;
}

.propertyPage-house .houseDetailPromotion {
    display: flex !important;
    align-items: flex-start;
    gap: 9px;
    padding: 13px 14px !important;
    color: #344054;
    background: #f5f9ff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.propertyPage-house .houseDetailPromotion .material-symbols-rounded {
    flex: 0 0 auto;
    color: #3b73dd;
    font-size: 18px;
}

.propertyPage-house .houseDetailSectionHeading {
    gap: 7px;
    margin: 17px 2px 8px;
}

.propertyPage-house .houseDetailSectionHeading .material-symbols-rounded {
    color: #3b73dd;
    font-size: 19px;
    font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

.propertyPage-house .houseDetailSectionHeading h3 {
    margin: 0;
    font-size: 14px;
}

.propertyPage-house .houseDetailSectionHeading b {
    margin-left: auto;
    color: #b42318;
    font-size: 10px;
    font-weight: 800;
}

.propertyPage-house .houseDetailTable {
    margin: 0 0 8px !important;
    border: 1px solid #e4e9f0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.propertyPage-house .houseDetailTable td {
    height: 42px;
    box-sizing: border-box;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
}

.propertyPage-house .houseDetailTable tr:last-child td {
    border-bottom: 0 !important;
}

.propertyPage-house .houseDetailTable td.label {
    color: #667085;
    background: #f8fafc;
    font-size: 12px;
    /* font-weight: 750; */
}

.propertyPage-house .houseDetailTable td:not(.label) {
    color: #344054;
    font-size: 12px;
    /* font-weight: 650; */
}

.propertyPage-house .houseDetailTable .type,
.propertyPage-house .houseDetailTable b {
    color: inherit;
    font-size: inherit;
}

.propertyPage-house .houseDetailTable .costwrap {
    display: inline-flex;
    position: relative;
    align-items: center;
    padding: 4px 7px;
    border-radius: 6px;
    color: #175cd3;
    background: #eff6ff;
    font-size: 10px;
    font-weight: 800;
    cursor: help;
}

.propertyPage-house .houseDetailTable .cost {
    top: calc(100% + 6px);
    right: 0;
    min-width: 150px;
    padding: 9px;
    border: 1px solid #bfd4f7;
    border-radius: 8px;
    color: #344054;
    background: #fff;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(16, 24, 40, .14);
}

.propertyPage-house .houseDetailMapCard {
    width: 100% !important;
    padding: 12px !important;
    overflow: hidden;
}

.propertyPage-house .houseDetailMapCard .dm-map-tabs {
    width: auto;
    height: auto;
}

.propertyPage-house .houseDetailMapCard #detailmap,
.propertyPage-house .houseDetailMapCard #roadview {
    height: 300px;
    margin-top: 10px;
    border-radius: 8px;
}

.propertyPage-house .houseDetailRealtorCard {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 0;
    padding: 10px !important;
    overflow: hidden;
}

.propertyPage-house .houseDetailRealtorSection .houseDetailRealtorCard {
    margin: 0;
    border: 1px solid #eaecf0;
    border-radius: 9px;
}

.propertyPage-house .houseDetailRealtorCard #realtorDetailTitle,
.propertyPage-house .houseDetailRealtorCard #realtorDetailTitle1 {
    min-height: 39px;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
}

.propertyPage-house .houseDetailRealtorCard #realtorDetailTitle {
    color: #667085;
    background: #f8fafc;
    font-size: 13px;
    /* font-weight: 750; */
}

.propertyPage-house .houseDetailRealtorCard #realtorDetailTitle1 {
    color: #344054;
    background: #fff;
    font-size: 13px;
    /* font-weight: 650; */
}

.propertyPage-house .houseDetailRealtorCard #realtorDetailTitle1:last-child {
    grid-column: 2;
}

.propertyPage-house .houseDetailView > .company-info {
    padding: 12px 14px !important;
    color: #98a2b3;
    background: #fbfcfd !important;
    font-size: 9px;
    line-height: 1.55;
}

/* Shared realtor-information card for one-room, commercial, and land details. */
.propertyPage-oneroom .detailRealtorSection,
.propertyPage-sangup .detailRealtorSection,
.propertyPage-land .detailRealtorSection {
    margin: 0 0 9px;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.propertyPage-oneroom .detailRealtorSection .detailSectionHeading,
.propertyPage-sangup .detailRealtorSection .detailSectionHeading,
.propertyPage-land .detailRealtorSection .detailSectionHeading {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 2px 8px;
}

.propertyPage-oneroom .detailRealtorSection .detailSectionHeading .material-symbols-rounded,
.propertyPage-sangup .detailRealtorSection .detailSectionHeading .material-symbols-rounded,
.propertyPage-land .detailRealtorSection .detailSectionHeading .material-symbols-rounded {
    color: #3b73dd;
    font-size: 19px;
    font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

.propertyPage-oneroom .detailRealtorSection .detailSectionHeading h3,
.propertyPage-sangup .detailRealtorSection .detailSectionHeading h3,
.propertyPage-land .detailRealtorSection .detailSectionHeading h3 {
    margin: 0;
    color: #101828;
    font-size: 14px;
}

.propertyPage-oneroom .detailRealtorCard,
.propertyPage-sangup .detailRealtorCard,
.propertyPage-land .detailRealtorCard {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    margin: 0;
    overflow: hidden;
    border: 1px solid #eaecf0;
    border-radius: 9px;
}

.propertyPage-oneroom .detailRealtorLabel,
.propertyPage-sangup .detailRealtorLabel,
.propertyPage-land .detailRealtorLabel,
.propertyPage-oneroom .detailRealtorValue,
.propertyPage-sangup .detailRealtorValue,
.propertyPage-land .detailRealtorValue {
    min-height: 39px;
    padding: 10px 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #edf0f4;
    font-size: 13px;
}

.propertyPage-oneroom .detailRealtorLabel,
.propertyPage-sangup .detailRealtorLabel,
.propertyPage-land .detailRealtorLabel {
    color: #667085;
    background: #f8fafc;
}

.propertyPage-oneroom .detailRealtorValue,
.propertyPage-sangup .detailRealtorValue,
.propertyPage-land .detailRealtorValue {
    color: #344054;
    background: #fff;
}

.propertyPage-oneroom .dm-container > .company-info,
.propertyPage-sangup .dm-container > .company-info,
.propertyPage-land .dm-container > .company-info {
    padding: 12px 14px !important;
    color: #98a2b3;
    background: #fbfcfd !important;
    font-size: 9px;
    line-height: 1.55;
}

/* One-room report modal */
.propertyPage .info-modal {
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 20px 48px rgba(16, 24, 40, .20);
}

.propertyPage .info-modal-header {
    padding: 14px 16px;
    border-bottom: 1px solid #e4e7ec;
    background: #f8fafc;
    color: #101828;
    font-size: 14px;
    font-weight: 800;
}

.propertyPage .info-modal-body {
    padding: 14px 16px;
    color: #475467;
    font-size: 11px;
}

.propertyPage .info-modal-footer {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid #e4e7ec;
}

.propertyPage .info-modal-footer button {
    height: 38px;
    border: 0;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 800;
}

.propertyPage .info-modal-footer .confirm-button {
    background: #2563eb;
    color: #fff;
}

.propertyPage .info-modal-footer .cancel-button {
    background: #f2f4f7;
    color: #475467;
}