/* Compact listing surfaces are independent of legacy detail-page layouts. */
#properties_box { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 375px), 1fr)); gap: 24px; align-items: start; text-align: start; }
#properties_box > h2, #properties_box > h3, #properties_box > .sss_pagination, #properties_box > .preloader { grid-column: 1 / -1; }
#properties_box > h2 { margin-bottom: 0; }
#properties_box .pc-card { width: 100%; min-width: 0; margin: 0; padding: 0; display: flex; flex-direction: column; direction: rtl; position: relative; border: 1px solid #dfd4c2; border-radius: 12px; background: #fff; color: #263e33; font-size: 13px; font-weight: 400; text-align: right; box-shadow: 0 3px 12px rgb(55 45 30 / 4%); transition: box-shadow .25s, border-color .25s; }
#properties_box .pc-card:hover, #properties_box .pc-card:focus-within { border-color: #c5b08f; box-shadow: 0 10px 25px rgb(31 77 59 / 12%); }
#properties_box .pc-card button { cursor: pointer; font: inherit; }
#properties_box .pc-card :is(button,a,[tabindex]):focus-visible { outline: 3px solid #b96747; outline-offset: -3px; }
#properties_box .pc-shell { position: relative; height: 345px; min-width: 0; perspective: 1200px; border-radius: 11px; }
#properties_box .pc-stage { height: 100%; width: 100%; position: relative; transform-style: preserve-3d; transition: transform .48s cubic-bezier(.2,.7,.2,1); }
#properties_box .pc-shell.is-flipped .pc-stage { transform: rotateY(180deg); }
#properties_box :is(.pc-front,.pc-back) { position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 11px; overflow: hidden; }
#properties_box .pc-front { background: #fff; transform: rotateY(0deg); }
#properties_box .pc-back { display: flex; flex-direction: column; background: #fff; transform: rotateY(180deg); }
#properties_box .pc-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; margin: 0; background: #ece8de; border-radius: 0; }
#properties_box .pc-image img { width: 100%; height: 100%; object-fit: cover; display: block; padding: 0; margin: 0; border: 0; border-radius: 0; transition: transform .4s ease; }
#properties_box .pc-image-reference img { object-fit: contain; height: calc(100% - 88px); }
#properties_box .pc-front:hover .pc-image img { transform: scale(1.025); }
#properties_box .pc-badges { position: absolute; top: 9px; right: 9px; left: 9px; display: flex; flex-wrap: wrap; gap: 4px; align-items: start; }
#properties_box .pc-badges > bdi { border: 1px solid #e5ded0; border-radius: 4px; background: rgb(255 255 255 / 92%); padding: 2px 8px; font-size: 10.72px; line-height: 1.2; font-weight: 800; color: #344337; }
#properties_box .pc-badges > .pc-badge-purpose { background: #20533f; color: #fff; border-color: transparent; }
#properties_box .pc-badges > .pc-badge-featured { background: #ae6047; color: #fff; border-color: transparent; }
#properties_box .pc-badges > .pc-badge-source { background: #72695de6; color: #fff; border-color: transparent; }
#properties_box .pc-code { position: absolute; left: 9px; bottom: 101px; display: inline-flex; gap: 4px; padding: 4px 7px; border-radius: 4px; background: #243241ed; color: #fff; font-size: 10px; line-height: 1.5; transition: translate .28s ease; }
#properties_box .pc-content { position: absolute; bottom: 0; inset-inline: 0; padding: 9px 10px 8px; background: rgb(255 255 255 / 95%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid #ffffff80; display: flex; flex-direction: column; gap: 5px; }
#properties_box .pc-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; min-height: 34px; }
#properties_box .pc-price { flex: none; color: #20533f; white-space: nowrap; line-height: 1.6; }
#properties_box .pc-price strong { font-size: 18.88px; font-weight: 800; }
#properties_box .pc-price > span { font-size: 11.52px; font-weight: 700; color: #6b756a; }
#properties_box .pc-location { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 3px 5px; color: #a65d42; font-size: 11.84px; font-weight: 600; line-height: 1.6; min-width: 0; }
#properties_box .pc-location i { color: #315d49; }
#properties_box .pc-model { background: #e9e9df; border-radius: 3px; padding: 0 4px; white-space: nowrap; }
#properties_box .pc-title-wrap { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .3s ease, opacity .25s ease; }
#properties_box .pc-title { margin: 0; padding: 0; font-size: 14.4px; font-weight: 500; line-height: 1.35; }
#properties_box .pc-title a { font-size: inherit; color: #293c31; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; }
#properties_box .pc-front:is(:hover,:focus-within) .pc-title-wrap { max-height: 48px; opacity: 1; }
#properties_box .pc-front:is(:hover,:focus-within) .pc-code { translate: 0 -24px; }
#properties_box .pc-specs { border-top: 1px solid #e4dfd3; padding-top: 8px; min-height: 28px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 7px; }
#properties_box .pc-specs > span { display: inline-flex; align-items: center; gap: 4px; font-size: 13.28px; font-weight: 600; white-space: nowrap; line-height: 1.6; }
#properties_box .pc-specs i { color: #23533f; font-size: 13px; }
#properties_box .pc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#properties_box .pc-back-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border-bottom: 1px solid #ded9cd; flex: none; }
#properties_box .pc-back-heading > div { display: flex; flex-direction: column; gap: 3px; }
#properties_box .pc-back-heading strong { font-size: 15px; color: #20533f; }
#properties_box .pc-back-heading span { font-size: 11px; color: #788174; }
#properties_box .pc-back-close { display: inline-flex; gap: 5px; align-items: center; justify-content: center; min-height: 44px; padding: 6px 9px; border: 1px solid #d5dfd0; border-radius: 8px; color: #20533f; background: #eff3e9; }
#properties_box .pc-money { display: block; position: static; flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; width: auto; max-width: none; height: auto; padding: 12px; margin: 0; border: 0; box-shadow: none; border-radius: 0; background: #fff; color: #3f4b42; font-size: 12px; line-height: 1.8; z-index: auto; scrollbar-width: thin; }
#properties_box .pc-money::before { display: none; }
#properties_box .pc-details-link { display: flex; justify-content: space-between; align-items: center; padding: 12px; min-height: 44px; box-sizing: border-box; border-top: 1px solid #ded9cd; color: #20533f; font-size: 12px; flex: none; }
#properties_box .pc-service { display: flex; flex-direction: column; gap: 8px; padding: 12px; min-width: 0; border-top: 1px solid #ded9cd; }
#properties_box .pc-record .uplosss_date { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; position: static; font-size: 11px; color: #768076; margin: 0; padding: 0; }
#properties_box .pc-record .uplosss_date bdi { font-size: inherit; color: inherit; }
#properties_box .pc-record .toggle_sss_dates { position: static; margin-inline-start: auto; width: 44px; height: 44px; background: #f4f3ed; border: 1px solid #e4e0d5; border-radius: 8px; color: #365a46; }
#properties_box .pc-staff-address { padding: 10px; border-radius: 9px; background: #f3f5ef; }
#properties_box .pc-staff-address .outside_address { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; border: 0; width: 100%; position: static; }
#properties_box .pc-staff-address .outside_address > span { margin: 0; padding: 0; width: auto; display: flex; gap: 3px; }
#properties_box .pc-staff-address .outside_address bdi { font-size: 13px; }
#properties_box .pc-availability { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; }
#properties_box .pc-availability .sss_availability { margin: 0; padding: 0; width: auto; }
#properties_box .pc-availability .editable { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 8px; min-height: 40px; box-sizing: border-box; border: 1px dashed #b8cabb; border-radius: 8px; }
#properties_box .pc-availability :is(input,button) { position: static; max-width: 100%; min-height: 44px; }
#properties_box .pc-admin { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 0; padding: 12px 0 0; width: 100%; border-top: 1px solid #e4e9df; }
#properties_box .pc-admin > button, #properties_box .pc-admin .pc-comments { display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; min-width: 0; height: auto; min-height: 44px; padding: 8px 4px; margin: 0; border: 1px solid #dce4d8; border-radius: 8px; background: #f4f7f0; color: #34563e; font-size: 12px; line-height: 1.5; }
#properties_box .pc-admin bdi, #properties_box .pc-admin i { font-size: inherit; font-weight: 500; margin: 0; }
#properties_box .pc-admin .pc-comments { position: relative; padding: 0; gap: 0; }
#properties_box .pc-comments > button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; margin: 0; min-width: 0; min-height: 44px; padding: 6px; border: 0; background: transparent; color: inherit; border-radius: 7px; }
#properties_box .pc-comments > button:first-child { flex: 1; }
#properties_box .pc-comments > .ccount { position: static; width: auto; height: auto; min-width: 28px; font-size: 12px; background: #e0eadd; }
#properties_box .pc-admin button:hover { background: #e4eddf; }
#properties_box .pc-admin .key_in { border-color: #b9873c; background: #fbf1db; color: #795421; }
#properties_box .pc-card .hidden { display: none !important; }

#properties_box .pc-availability .sss_availability button { min-width: 44px; width: 44px !important; border-radius: 8px !important; }
@media (min-width: 1025px) {
    #properties_box:has(.rows_properties.properties_active_view) { grid-template-columns: minmax(0,1fr); }
    #properties_box:has(.rows_properties.properties_active_view) .pc-card { display: grid; grid-template-columns: minmax(375px,35%) minmax(0,1fr); }
    #properties_box:has(.rows_properties.properties_active_view) .pc-service { border-top: 0; border-inline-start: 1px solid #ded9cd; justify-content: center; }
}
@media (max-width: 640px) {
    #properties_box { grid-template-columns: minmax(0,1fr); gap: 18px; }
    #properties_box .pc-shell { height: clamp(345px,110vw,420px); }
}
@media (pointer: coarse), (max-width: 1024px) {
    #properties_box .pc-title-wrap { max-height: 48px; opacity: 1; }
    #properties_box .pc-code { translate: 0 -24px; }
    #properties_box .pc-front:hover .pc-image img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    #properties_box :is(.pc-stage,.pc-image img,.pc-title-wrap,.pc-code,.pc-card) { transition: none; }
}

#properties_box .pc-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 60px; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid #e6e1d6; background: #fff; border-radius: 0 0 11px 11px; }
#properties_box .pc-public-availability { display: flex; align-items: center; gap: 5px; min-width: 0; color: #4e6454; font-size: 11.84px; line-height: 1.5; }
#properties_box .pc-public-availability > i { color: #1f4d3b; }
#properties_box .pc-actions { display: flex; gap: 6px; margin-inline-start: auto; }
#properties_box .pc-actions button { position: static; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 40px; min-width: 64px; padding: 8px; border: 1px solid #d9dfd3; border-radius: 6px; background: #f3f5ee; color: #1f4d3b; font-size: 12px; font-weight: 700; }
#properties_box .pc-actions button:hover { background: #e8eee8; color: #1f4d3b; }
#properties_box .pc-actions .pc-contact:is(:hover,:focus-visible,:active) { background: #153c2c; border-color: #153c2c; color: #fff; }
#properties_box .pc-actions .pc-contact :is(i,span) { color: inherit; }
#properties_box .pc-actions .pc-contact { background: #1f4d3b; border-color: #1f4d3b; color: #fff; }
#properties_box .pc-actions i { font-size: 14px; }
#properties_box .pc-code, #properties_box .pc-code bdi { font-family: ui-monospace, monospace; font-size: 10.72px; }
#properties_box .pc-badges { gap: 4px; top: 8px; inset-inline: 8px; }
#properties_box .pc-badges > bdi { padding: 3px 7px; }
#properties_box .pc-specs { gap: 4px 8px; }
#properties_box .pc-service { border-radius: 0 0 11px 11px; }
.pc-contact-dialog { position: fixed; inset: auto; margin: 0; width: 340px; max-width: calc(100vw - 24px); max-height: min(520px,85dvh); padding: 16px; box-sizing: border-box; border: 1px solid #dbd7cb; border-radius: 10px; background: #fff; color: #213d2e; box-shadow: 0 16px 50px #183c2b26; overflow-y: auto; overscroll-behavior: contain; }
.pc-contact-dialog::backdrop { background: rgb(21 33 25 / 20%); }
.pc-contact-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.pc-contact-heading h2 { font-size: 18px; font-weight: 700; margin: 0 0 4px; }
.pc-contact-heading p { font-size: 12px; color: #758071; margin: 0; }
.pc-contact-close { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0; border: 1px solid #dce2d6; border-radius: 6px; color: #214d39; background: #f4f6ef; cursor: pointer; }
.pc-contact-help { margin: 16px 0 12px; color: #71806f; font-size: 13px; }
.pc-contact-numbers { display: grid; gap: 8px; }
.pc-phone-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid #e2e6df; border-radius: 8px; background: #fff; }
.pc-contact-dialog .pc-phone-row > bdi { font-size: 19px; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.pc-phone-actions { display: flex; gap: 6px; flex: none; }
.pc-phone-actions :is(a,button) { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; border: 1px solid #dce3da; border-radius: 7px; background: #f5f7f3; color: #1f4d3b; cursor: pointer; text-decoration: none; }
.pc-phone-actions :is(a,button):hover { background: #e4eee2; color: #173d2d; }
.pc-phone-actions i { font-size: 19px; }
.pc-contact-dialog :is(button,a):focus-visible { outline: 2px solid #a65d42; outline-offset: 2px; }
@media (max-width: 640px) {
    .pc-contact-dialog { inset: auto 0 0; width: 100%; max-width: 100%; max-height: 70dvh; padding: 20px 16px max(20px,env(safe-area-inset-bottom)); border-radius: 12px 12px 0 0; }
    #properties_box .pc-actions button { min-height: 44px; }
}
@media (min-width: 1025px) {
    #properties_box:has(.rows_properties.properties_active_view) .pc-shell { grid-column: 1; grid-row: 1 / 3; }
    #properties_box:has(.rows_properties.properties_active_view) .pc-footer { grid-column: 2; grid-row: 1; border-radius: 0; }
    #properties_box:has(.rows_properties.properties_active_view) .pc-service { grid-column: 2; grid-row: 2; }
}

/* Keep the primary amount in the finance header and supporting data in two columns. */
#properties_box .pc-back-heading { padding: 9px 12px; align-items: center; }
#properties_box .pc-finance-heading { min-width: 0; gap: 2px; }
#properties_box .pc-back-heading .pc-finance-kind { margin: 0; padding: 0; color: #71806e; font-size: 10px; line-height: 1.4; background: transparent; }
#properties_box .pc-back-heading .pc-finance-primary-label { font-size: 10px; color: #657563; line-height: 1.3; }
#properties_box .pc-back-heading .pc-finance-primary-amount { font-size: 19px; font-weight: 800; line-height: 1.35; color: #1f4d3b; overflow-wrap: anywhere; }
#properties_box .pc-finance-primary-amount bdi { font: inherit; color: inherit; }
#properties_box .pc-back-close { flex: none; }

#properties_box .pc-money > .pc-finance-kind { display: block; position: static; height: auto; min-height: 0; width: auto; padding: 0; border: 0; background: transparent; font-size: 11px; line-height: 1.4; color: #6e7c70; margin: 0 0 6px; text-align: right; }
#properties_box .pc-finance-highlights { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; }
#properties_box .pc-finance-highlights > div { display: flex; align-items: baseline; gap: 6px; min-width: 0; padding: 10px; background: #f2f6ef; border: 1px solid #e0e8da; border-radius: 8px; }
#properties_box .pc-finance-row dt { font-size: 11px; line-height: 1.5; color: #71806e; }
#properties_box .pc-finance-row dd { margin: 4px 0 0; color: #1f4d3b; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#properties_box .pc-money .pc-finance-row bdi { color: inherit; font: inherit; }
#properties_box .pc-finance-section { font-size: 12px; font-weight: 700; color: #40533e; line-height: 1.4; margin: 8px 0 4px; }
#properties_box .pc-finance-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 10px; margin: 0; }
#properties_box .pc-finance-details > div { display: flex; flex-direction: row; flex-wrap: nowrap; min-width: 0; align-items: baseline; gap: 6px; padding: 4px 0; border-bottom: 1px solid #edf0e9; }
#properties_box .pc-finance-details :is(dt,dd) { line-height: 1.4; }
#properties_box .pc-finance-details dd { text-align: end; margin: 0; font-size: 11px; }
#properties_box .pc-finance-details .is-unavailable dd { font-weight: 400; color: #92998f; }
#properties_box .pc-results-total { display: inline-flex; align-items: center; margin-inline-start: 8px; padding: 3px 8px; border-radius: 5px; background: #e9eee5; color: #34543f; font-size: 12px; font-weight: 500; }

/* Staff cards prioritize the record and its controls without requesting listing media. */
#properties_box .pc-staff-card .pc-shell, #properties_box .pc-staff-card .pc-stage { height: auto; }
#properties_box .pc-staff-card .pc-front { position: relative; height: auto; min-height: 100px; display: flex; flex-direction: column; padding: 12px; gap: 9px; }
#properties_box .pc-staff-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 10px 12px; border-bottom: 1px solid #e1e7de; background: #f6f8f3; border-radius: 11px 11px 0 0; }
#properties_box .pc-staff-card .pc-code { position: static; translate: none; flex: none; gap: 7px; padding: 0; background: transparent; color: #234532; text-decoration: none; font-family: inherit; font-size: 12px; line-height: 1.5; }
#properties_box .pc-staff-card .pc-code bdi { font-size: 16px; font-weight: 800; }
#properties_box .pc-staff-purpose { flex: none; padding: 4px 13px; background: #20533f; color: #fff; border-radius: 6px; font-size: 13px; font-weight: 700; }
#properties_box .pc-staff-card .pc-code i { font-size: 10px; }
#properties_box .pc-staff-card .pc-badges { position: static; justify-content: flex-start; min-width: 0; }
#properties_box .pc-staff-card .pc-content { position: static; padding: 0; border: 0; background: transparent; backdrop-filter: none; gap: 5px; }
#properties_box .pc-staff-card .pc-title-wrap { max-height: 22px; opacity: 1; }
#properties_box .pc-staff-card .pc-title { font-size: 13px; }
#properties_box .pc-staff-card .pc-title a { -webkit-line-clamp: 1; }
#properties_box .pc-staff-card .pc-heading { min-height: 28px; }
#properties_box .pc-staff-card .pc-specs { min-height: 24px; padding-top: 6px; }
#properties_box .pc-staff-card .pc-footer { display: block; min-height: 55px; padding: 5px 10px; border-radius: 0; background: #f8faf7; }
#properties_box .pc-staff-card .pc-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
#properties_box .pc-photos-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; box-sizing: border-box; padding: 7px 9px; border: 1px solid #d9dfd3; border-radius: 6px; background: #fff; color: #1f4d3b; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
#properties_box .pc-photos-link:hover { background: #e4eddf; }
#properties_box .pc-photos-link .fa-external-link { font-size: 10px; }
#properties_box .pc-staff-card .pc-availability { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: nowrap; gap: 3px; font-size: 11px; min-width: 0; }
#properties_box .pc-staff-card .pc-availability-label { color: #6b7b6e; flex: none; }
#properties_box .pc-staff-card .sss_availability { min-width: 0; max-width: 100%; }
#properties_box .pc-staff-card .pc-availability .editable { display: block; min-height: 36px; padding: 7px 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; }
#properties_box .pc-staff-card .pc-service { display: block; padding: 10px 12px 12px; border-top: 1px solid #e4e9df; }
#properties_box .pc-staff-card .pc-staff-address { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; padding: 8px 0; margin: 0; border: 0; border-radius: 0; background: transparent; }
#properties_box .pc-staff-card .pc-staff-address .outside_address { flex: 1; min-width: 0; width: auto; gap: 5px 12px; justify-content: center; text-align: center; }
#properties_box .pc-staff-card .pc-staff-address .outside_address bdi { font-size: 14px; color: #68786d; }
#properties_box .pc-staff-card .pc-staff-address .outside_address bdi:last-child { font-size: 15px; font-weight: 700; color: #274735; }
#properties_box .pc-staff-card .pc-admin { grid-row: 3; gap: 6px; padding: 0; border: 0; }
#properties_box .pc-staff-card .pc-admin > button, #properties_box .pc-staff-card .pc-admin .pc-comments { box-sizing: border-box; height: 44px; min-height: 44px; font-size: 11px; padding: 0 8px; text-align: right; }
#properties_box .pc-staff-card .pc-admin > button { justify-content: flex-start; gap: 6px; }
#properties_box .pc-staff-card .pc-admin .pc-comments { padding: 0; }
#properties_box .pc-staff-card .pc-comments > button { box-sizing: border-box; height: 44px; min-height: 44px; padding: 0 6px; font-size: 11px; }
#properties_box .pc-staff-card .pc-comments > button:first-child { justify-content: flex-start; gap: 6px; }
#properties_box .pc-staff-card .pc-admin i { width: 14px; flex: none; text-align: center; }
#properties_box .pc-staff-card .pc-admin > :is([data-column=status],[data-column=branches],[data-column=pos]) { background: #fff; }
#properties_box .pc-staff-card .pc-admin > button:hover { background: #e4eddf; }
#properties_box .pc-staff-card .pc-record-summary { display: flex; flex-wrap: nowrap; gap: 12px; min-width: 0; overflow-x: auto; scrollbar-width: thin; margin-top: 2px; padding: 8px 0 2px; border-top: 1px solid #e5e9e1; }
#properties_box .pc-record-item { display: flex; flex: 1 0 max-content; align-items: baseline; gap: 4px; min-width: 0; white-space: nowrap; }
#properties_box .pc-record-label { display: flex; align-items: center; gap: 3px; flex: none; color: #647569; font-size: 12px; line-height: 1.4; }
#properties_box .pc-record-date { white-space: nowrap; color: #284b38; font-size: 13px; font-weight: 700; line-height: 1.5; }
#properties_box .pc-record-author { font-size: 12px; line-height: 1.4; color: #526b59; white-space: nowrap; }
#properties_box .pc-staff-card .toggle_sss_dates { width: 32px; height: 32px; min-height: 32px; }
#properties_box .pc-staff-card .pc-record .uplosss_date { gap: 3px; font-size: 10px; }
#properties_box .pc-staff-card .pc-record .data_entry { max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#properties_box .pc-staff-card .pc-shell.is-flipped .pc-front { min-height: 280px; }
/* Legacy row margins and child widths must not displace staff cards. */
#products .top_search:has(.pc-staff-card) { margin-inline: 0; }
#properties_box .pc-staff-card > :is(.pc-shell,.pc-footer,.pc-service) { width: auto; box-sizing: border-box; }
@media (max-width: 640px) {
    #properties_box .pc-staff-card .pc-front { min-height: 120px; padding: 10px; }
    #properties_box .pc-staff-card .pc-service { padding: 10px; }
    #properties_box .pc-staff-card .toggle_sss_dates { width: 44px; height: 44px; min-height: 44px; }
    #properties_box .pc-staff-card .pc-record .data_entry { max-width: 100px; }
}
@media (min-width: 1025px) {
    #properties_box:has(.rows_properties.properties_active_view) .pc-staff-card .pc-staff-meta { grid-column: 1 / -1; grid-row: 1; }
    #properties_box:has(.rows_properties.properties_active_view) .pc-staff-card { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); }
    #properties_box:has(.rows_properties.properties_active_view) .pc-staff-card .pc-shell { grid-column: 1; grid-row: 2; }
    #properties_box:has(.rows_properties.properties_active_view) .pc-staff-card .pc-footer { grid-column: 1; grid-row: 3; border-top: 1px solid #e4e9df; border-radius: 0 0 11px 0; align-self: end; }
    #properties_box:has(.rows_properties.properties_active_view) .pc-staff-card .pc-service { grid-column: 2; grid-row: 2; border-top: 0; border-inline-start: 1px solid #e4e9df; border-radius: 11px 0 0 11px; }
}

/* Finance and photos share the management grid after the six legacy actions. */
#properties_box .pc-staff-card .pc-admin > .pc-photos-link { box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; gap: 6px; width: auto; min-width: 0; height: 44px; min-height: 44px; padding: 0 8px; font-size: 11px; font-weight: 500; text-align: right; }
#properties_box .pc-staff-card .pc-admin > .pc-flip { background: #edf3e8; }

/* Inline metadata keeps both timestamps and every financial label/value pair compact. */
#properties_box .pc-record-label i { display: none; }
#properties_box .pc-staff-purpose-group { display: inline-flex; align-items: center; gap: 5px; }
#properties_box .pc-secondary-purpose { padding: 4px 7px; border: 1px solid #cddac9; border-radius: 6px; background: #fff; color: #31553d; font-size: 11px; font-weight: 700; white-space: nowrap; }
#properties_box .pc-staff-flags { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#properties_box .pc-staff-card .pc-staff-flags .pc-availability { flex-direction: row; flex: none; }
#properties_box .pc-staff-flags .pc-badges { flex: 1; justify-content: flex-end; }
#properties_box .pc-staff-flags .pc-availability .editable { min-height: 30px; padding: 4px 7px; }
#properties_box .pc-finance-primary { display: flex; align-items: baseline; gap: 7px; }
#properties_box :is(.pc-finance-details,.pc-finance-highlights) dt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#properties_box :is(.pc-finance-details,.pc-finance-highlights) dd { flex: none; min-width: 0; max-width: 65%; margin: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
#properties_box .pc-finance-highlights dd { font-size: 12px; }

/* Eight staff actions occupy two equal rows without changing their DOM order. */
#properties_box .pc-staff-card .pc-admin { grid-template-columns: repeat(4,minmax(0,1fr)); }
#properties_box .pc-staff-card .pc-admin > button, #properties_box .pc-staff-card .pc-admin .pc-comments, #properties_box .pc-staff-card .pc-admin > .pc-photos-link { height: 54px; min-height: 54px; padding: 4px 2px; font-size: 10px; }
#properties_box .pc-staff-card .pc-admin > button, #properties_box .pc-staff-card .pc-admin > .pc-photos-link { flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
#properties_box .pc-staff-card .pc-admin > button bdi, #properties_box .pc-staff-card .pc-admin > .pc-photos-link bdi { white-space: nowrap; }
#properties_box .pc-staff-card .pc-admin .pc-comments { padding: 0; }
#properties_box .pc-staff-card .pc-comments > button { height: 52px; min-height: 52px; padding: 0; font-size: 10px; }
#properties_box .pc-staff-card .pc-comments > button:first-child { flex-direction: column; justify-content: center; gap: 3px; }
#properties_box .pc-staff-card .pc-comments > .ccount { min-width: 24px; }
#properties_box .pc-staff-card .pc-photos-link .fa-external-link { display: none; }

/* Keep author names visible and each administration icon beside its text. */
#properties_box .pc-staff-card .pc-admin > button, #properties_box .pc-staff-card .pc-admin .pc-comments, #properties_box .pc-staff-card .pc-admin > .pc-photos-link { height: 46px; min-height: 46px; padding: 0 2px; }
#properties_box .pc-staff-card .pc-admin > button, #properties_box .pc-staff-card .pc-admin > .pc-photos-link { flex-direction: row; gap: 4px; }
#properties_box .pc-staff-card .pc-admin i { width: 12px; font-size: 12px; }
#properties_box .pc-staff-card .pc-admin .pc-comments { padding: 0; }
#properties_box .pc-staff-card .pc-comments > button { height: 44px; min-height: 44px; padding: 0; }
#properties_box .pc-staff-card .pc-comments > button:first-child { flex-direction: row; gap: 3px; font-size: 9.5px; }
#properties_box .pc-staff-card .pc-comments > button:first-child i { width: 11px; font-size: 11px; }
#properties_box .pc-staff-card .pc-comments > .ccount { min-width: 16px; font-size: 10px; }

/* Only real key presence and the comment-count badge change administrative colors. */
#properties_box .pc-staff-card .pc-admin > :is(button,.pc-photos-link,.pc-comments) { background: #f4f7f0; border-color: #dce4d8; color: #34563e; }
#properties_box .pc-staff-card .pc-comments > button:first-child { background: transparent; color: inherit; }
#properties_box .pc-staff-card .pc-admin > button:hover, #properties_box .pc-staff-card .pc-admin > .pc-photos-link:hover, #properties_box .pc-staff-card .pc-comments > button:first-child:hover { background: #e4eddf; }
#properties_box .pc-staff-card .pc-admin > button.key_in { background: #fbf1db; border-color: #b9873c; color: #795421; }
#properties_box .pc-staff-card .pc-admin > button.key_in:hover { background: #f4e4bc; }
#properties_box .pc-staff-card .pc-comments > .ccount { position: relative; isolation: isolate; flex: none; align-self: center; height: 44px; min-height: 44px; min-width: 18px; margin-inline-end: 1px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 9px; font-weight: 700; }
#properties_box .pc-staff-card .pc-comments > .ccount::before { content: ""; position: absolute; inset: 13px 0; border-radius: 50%; background: #a95334; z-index: -1; }
#properties_box .pc-staff-card .pc-comments > button:first-child { font-size: 9px; gap: 2px; }
#properties_box .pc-staff-card .pc-comments > .ccount:hover::before { background: #864129; }

/* Availability owns the heading; the record code sits beside the plain address. */
#properties_box .pc-staff-meta .pc-availability { flex-direction: row; }
#properties_box .pc-staff-meta .pc-availability .editable { min-height: 30px; padding: 4px 7px; }
#properties_box .pc-staff-card .pc-specs > .pc-badges { min-height: 0; margin: 0; padding: 0; }

/* Staff record identifiers stay stationary; availability is a transparent status badge. */
#properties_box .pc-staff-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; min-width: 0; }
#properties_box .pc-staff-card .pc-code, #properties_box .pc-staff-card .pc-code:is(:hover,:focus-visible) { translate: none; transform: none; transition: none; }
#properties_box .pc-staff-card .pc-availability-badge .editable { min-height: 30px; padding: 4px 7px; border-width: 1px; border-style: dotted; border-radius: 6px; background: transparent; }
#properties_box .pc-staff-card .pc-availability-badge.is-available .editable { border-color: #24834c; color: #24834c; }
#properties_box .pc-staff-card .pc-availability-badge.is-unavailable .editable { border-color: #b53d37; color: #b53d37; }
#properties_box .pc-availability-badge .editable i { display: none; }

#properties_box .pc-staff-card button.pc-copy-code { border: 0; border-radius: 0; min-height: 32px; padding: 0; font-family: inherit; font-size: 12px; line-height: 1.5; color: #234532; background: transparent; }
#properties_box .pc-staff-card button.pc-copy-code.is-copied { color: #24834c; }

#properties_box .pc-staff-card .pc-admin > .pc-details-action { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 4px; width: auto; min-width: 0; height: 46px; min-height: 46px; padding: 0 2px; border: 1px solid #dce4d8; border-radius: 8px; background: #f4f7f0; color: #34563e; font-size: 10px; font-weight: 500; line-height: 1.5; text-decoration: none; }
#properties_box .pc-staff-card .pc-admin > .pc-details-action:hover { background: #e4eddf; }

/* Clean identity badges share alignment without adding hover motion. */
#properties_box .pc-staff-identity { gap: 7px; }
#properties_box .pc-staff-card button.pc-copy-code { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 4px 9px; border: 1px solid #d6e0d2; border-radius: 7px; background: #fff; line-height: 1.25; box-sizing: border-box; }
#properties_box .pc-copy-code > span:first-child { color: #6c7c6d; font-size: 11px; font-weight: 500; }
#properties_box .pc-staff-card .pc-copy-code > bdi { font-size: 16px; line-height: 1.25; font-weight: 800; font-variant-numeric: tabular-nums; }
#properties_box .pc-staff-card .pc-copy-code > i { font-size: 12px; color: #5c7462; }
#properties_box .pc-staff-card .pc-availability-badge .editable { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 32px; padding: 5px 10px; border-width: 1px; border-style: dotted; border-radius: 999px; background: transparent; font-size: 11px; font-weight: 600; line-height: 1.25; white-space: nowrap; }
#properties_box .pc-availability-badge .editable bdi { color: inherit; font: inherit; }

/* Hide the whole address row and keep the preference on the persistent results root. */
#properties_box.pc-addresses-hidden .pc-staff-address { display: none !important; }

/* Results controls stay together in normal flow beside the count, including on small screens. */
#properties_box > .pc-results-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 16px; padding-bottom: 2px; }
#properties_box .pc-results-heading { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; }
#properties_box .pc-results-heading .pc-results-total { margin: 0; }
#properties_box .pc-results-tools { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
#properties_box .pc-address-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; position: static; inset: auto; z-index: auto; width: auto; min-width: 0; min-height: 44px; height: auto; padding: 8px 12px; margin: 0; box-sizing: border-box; border: 1px solid #cbd9c7; border-radius: 7px; color: #254e37; background: #fff; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; cursor: pointer; }
#properties_box .pc-address-toggle i { position: static; width: auto; height: auto; font-size: 14px; }
#properties_box .pc-address-toggle:not(.is-address-visible) { background: #edf4e8; border-color: #9fb89b; }
#properties_box .pc-address-toggle:hover { background: #e9f0e4; }
#properties_box .pc-address-toggle:focus-visible, #properties_box .properties_view button:focus-visible { outline: 2px solid #a65d42; outline-offset: 2px; }
#properties_box .pc-results-tools .properties_view { position: static; inset: auto; display: inline-flex; align-items: center; gap: 2px; padding: 3px; margin: 0; border: 1px solid #dce4d7; border-radius: 7px; background: #fff; }
#properties_box .pc-results-tools .properties_view > button { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 36px; margin: 0; padding: 6px 10px; border: 0; border-radius: 4px; background: transparent; color: #67766a; cursor: pointer; }
#properties_box .pc-results-tools .properties_view > .properties_active_view { background: #e5eddf; color: #204c34; }
@media (max-width: 640px) {
    #properties_box > .pc-results-header { gap: 8px; }
    #properties_box .pc-results-tools { flex-basis: 100%; }
}

/* Native details keeps the full description accessible even without JavaScript. */
#properties_box .pc-description { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
#properties_box .pc-description > summary { position: absolute; inset-inline-start: 10px; bottom: 10px; z-index: 2; padding: 8px 12px; border: 1px solid #dce4d8; border-radius: 7px; background: #fff; color: #34563e; cursor: pointer; pointer-events: auto; }
#properties_box .pc-description[open] { pointer-events: auto; }
#properties_box .pc-description-face { position: absolute; inset: 0; display: flex; flex-direction: column; min-width: 0; height: 100%; box-sizing: border-box; border-radius: 11px; background: #fff; overflow: hidden; }
#properties_box .pc-description .pc-back-heading h4 { margin: 0; font-size: 14px; line-height: 1.6; color: #254e37; }
#properties_box .pc-description-body { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 16px; overscroll-behavior: contain; scrollbar-width: thin; }
#properties_box .pc-description-body p { margin: 0; font-size: 14px; line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; color: #344b3c; }
#properties_box .pc-description-trigger, #properties_box .pc-description-close { display: none; }
.pc-description-ready #properties_box .pc-description > summary { display: none; }
.pc-description-ready #properties_box .pc-description-trigger, .pc-description-ready #properties_box .pc-description-close { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 7px 10px; border: 1px solid #dce4d8; border-radius: 7px; background: #f4f7f0; color: #34563e; white-space: nowrap; }
#properties_box .pc-description-close { flex: none; }
#properties_box .pc-description-trigger:hover, #properties_box .pc-description-close:hover { background: #e4eddf; }
@media (max-width: 640px) {
    #properties_box .pc-actions { gap: 5px; }
    .pc-description-ready #properties_box .pc-description-trigger { padding-inline: 7px; font-size: 11px; }
}

/* One compact image-edge group preserves the public card silhouette. */
#properties_box .pc-public-meta { position: absolute; bottom: calc(100% + 8px); left: 9px; z-index: 5; display: flex; align-items: center; gap: 0; width: max-content; max-width: calc(100% - 18px); border: 1px solid #d6e0d2; border-radius: 7px; background: rgb(255 255 255 / 96%); box-shadow: 0 2px 6px rgb(31 77 59 / 7%); }
#properties_box .pc-card button.pc-copy-code { position: static; display: inline-flex; align-items: center; justify-content: center; flex: none; gap: 7px; min-height: 34px; padding: 4px 9px; border: 1px solid #d6e0d2; border-radius: 7px; background: #fff; color: #234532; font-family: inherit; font-size: 12px; line-height: 1.25; box-sizing: border-box; translate: none; transform: none; transition: none; }
#properties_box .pc-card .pc-copy-code > bdi { font-family: inherit; font-size: 16px; line-height: 1.25; font-weight: 800; font-variant-numeric: tabular-nums; }
#properties_box .pc-card .pc-copy-code > i { font-size: 12px; color: #5c7462; }
#properties_box .pc-card button.pc-copy-code.is-copied { color: #24834c; }
#properties_box .pc-share { position: relative; flex: none; }
#properties_box .pc-public-meta button.pc-copy-code { min-height: 36px; padding: 4px 8px; border: 0; border-radius: 0 6px 6px 0; background: transparent; }
#properties_box .pc-share summary { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-inline-start: 1px solid #dce4d8; border-radius: 6px 0 0 6px; background: transparent; color: #496653; cursor: pointer; list-style: none; }
#properties_box .pc-share summary:focus-visible { outline: 2px solid #b96747; outline-offset: -2px; }
#properties_box .pc-share summary::-webkit-details-marker { display: none; }
#properties_box .pc-share[open] summary, #properties_box .pc-share summary:hover { background: #eef4e9; }
#properties_box .pc-share-links { position: absolute; inset-inline-end: -1px; bottom: calc(100% + 7px); z-index: 30; display: grid; grid-template-columns: repeat(4,44px); gap: 2px; padding: 4px; border: 1px solid #d6e0d2; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgb(31 77 59 / 12%); }
#properties_box .pc-share-links :is(a,button) { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; box-sizing: border-box; padding: 0; border: 0; border-radius: 5px; background: #fff; color: #34563e; font: inherit; text-decoration: none; }
#properties_box .pc-share-links :is(a,button):hover { background: #eef4e9; }
#properties_box .pc-share-links i { width: 18px; text-align: center; font-size: 17px; }
#properties_box .pc-share-links .is-copied { color: #24834c; }
@media (pointer: coarse), (max-width: 640px) {
    #properties_box .pc-public-meta button.pc-copy-code { min-height: 44px; }
    #properties_box .pc-share summary { width: 44px; height: 44px; }
}

#properties_box .pc-front:is(:hover,:focus-within) .pc-public-meta .pc-copy-code { translate: none; transform: none; transition: none; }