:root{
    --bottom-nav-h: 72px;
    --safe-bottom: env(safe-area-inset-bottom);
    --app-h: calc(var(--app-vh, 1vh) * 100);
    --nav-total-h: calc(var(--bottom-nav-h) + var(--safe-bottom));
}

.main-content {
    position: relative;
    display: flex;
    flex-direction: column;
}

.map {
    width: 100%;
    height: var(--app-h);
}

.map-ui {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 430px;
    max-width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50;
}

.map-ui *{
    pointer-events: auto;
}

.map-ui__top {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 16px;
    margin-bottom: 8px;
}

.map-search {
    display: flex;
    gap: 8px;
    flex: 1;
    height: 48px;
    background: #ffffff;
    border-radius: 12px;
    align-items: center;
    padding: 12px 16px;
    box-shadow: 0 0 4px 0 #0000001a;
}

.map-search__input {
    flex: 1;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 16px;
    color: #a6a6a6;
}

.map-search__btn {
    width: 24px;
    height: 24px;
    background: transparent;
    cursor: pointer;
}

.map-search__btn--search {
    mask: url("../img/24x24-magnifier.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-magnifier.svg") center/contain no-repeat;
    background-color: #000000;
}

.map-icon-btn {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 0;
    background: #ffffff;
    box-shadow: 0 0 4px 0 #0000001a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.map-icon--bell {
    width: 24px;
    height: 24px;
    mask: url("../img/24x24-bell.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-bell.svg") center/contain no-repeat;
    background-color: #000000;
}

.map-ui__chips {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    padding: 4px 16px;
}

.map-chip {
    height: 32px;
    padding: 8px 16px;
    border-radius: 12px;
    border: 0;
    background: #ffffff;
    box-shadow: 0 4px 10px 0 #00000026;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #8c8c8c;
}

.map-chip.is-on{
    background: #262626;
    font-weight: 700;
    color: #ffffff;
}

.map-icon--gps {
    width: 20px;
    height: 20px;
    mask: url("../img/20x20-location.svg") center/contain no-repeat;
    -webkit-mask: url("../img/20x20-location.svg") center/contain no-repeat;
    background-color: #262626;
}

.map-chip__my-location {
    font-weight: 500;
    font-size: 16px;
    color: #0d0d0d;
}

.map-ui__right-bottom {
    position: absolute;
    right: 16px;
    bottom: calc(72px + 16px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.map-zoom {
    display: flex;
    flex-direction: column;
    width: 40px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #a6a6a6;
    overflow: hidden;
}

.map-zoom__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    background: #ffffff;
}

.map-zoom__btn:not(:last-child) {
    border-bottom: 1px solid #a6a6a6;
}

.map-icon--zoom-in {
    width: 20px;
    height: 20px;
    mask: url("../img/20x20-plus.svg") center/contain no-repeat;
    -webkit-mask: url("../img/20x20-plus.svg") center/contain no-repeat;
    background-color: #262626;
}

.map-icon--zoom-out {
    width: 20px;
    height: 20px;
    mask: url("../img/20x20-minus.svg") center/contain no-repeat;
    -webkit-mask: url("../img/20x20-minus.svg") center/contain no-repeat;
    background-color: #262626;
}

.map-send {
    height: 48px;
    padding: 1px 16px;
    border-radius: 12px;
    background: #262626;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.map-icon--send {
    width: 24px;
    height: 24px;
    mask: url("../img/24x24-airplane.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-airplane.svg") center/contain no-repeat;
    background-color: #ffffff;
}

.map-send__text {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}

.usan-cluster {
    position: relative;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usan-cluster__img {
    width: 56px;
    height: 56px;
    display: block;
}

.usan-cluster,
.usan-cluster * {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.usan-cluster__count {
    position: absolute;
    top: -4px;
    left: 30px;
    height: 20px;
    min-width: 20px;
    padding: 0 6px;
    border-radius: 100px;
    border: 1px solid #ff5a1f;
    background-color: #ffffff;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 700;
    color: #ff5a1f;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
}

.bottom-sheet {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 50%;
    bottom: var(--nav-total-h);
    height: calc(var(--app-h) - var(--nav-total-h));
    max-height: calc(var(--app-h) - var(--nav-total-h));
    transform: translate(-50%, 100%);
    width: 100%;
    max-width: 430px;
    transition: transform 0.25s ease-out;
    background: #ffffff;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -4px 16px 0 #00000014;
    z-index: 99;
    padding: 2px 16px 12px 16px;
    box-sizing: border-box;
    will-change: transform;
}

.bottom-sheet.is-half {
    transform: translate(-50%, 40%);
}

.bottom-sheet.is-full {
    transform: translate(-50%, 0);
}

.bottom-sheet.is-dragging {
    transition: none !important;
}

.bottom-sheet__handle-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 30px;
    padding: 12px 0 0 0;
    touch-action: none;
}

.bottom-sheet__handle {
    width: 48px;
    height: 4px;
    border-radius: 26843500px;
    background: #e5e7eb;
}

.bottom-sheet__contents-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 8px;
    overflow: hidden;
}

.bottom-sheet__options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom-sheet-btn__distance {
    border: 1px solid #262626;
    border-radius: 12px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 16px;
    color: #262626;
}

.bottom-sheet-toggle__wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bottom-sheet-txt {
    font-weight: 800;
    font-size: 24px;
    color: #bfbfbf;
}

.bottom-sheet-txt.is-selected {
    color: #0d0d0d;
}

.bottom-sheet__line {
    width: 100%;
    height: 0;
    border: 1px solid #f2f2f2;
}

#broker-sheet-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding-right: 2px;
    padding-left: 2px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.bottom-sheet__caption {
    font-weight: 500;
    font-size: 16px;
    color: #404040;
    padding-bottom: 8px;
}

.bottom-sheet__bold {
    font-weight: 700;
    font-size: 16px;
    color: #262626;
}

.bottom-sheet__cluster-list {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
}

.cluster-broker {
    border-bottom: 1px solid #f2f2f2;
}

.cluster-broker-:not(:last-child) {
    border-bottom: none;
}

.cluster-broker-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding-top: 26px;
    padding-bottom: 26px;
}

.cluster-broker.is-open .cluster-broker-item {
    padding-top: 26px;
    padding-bottom: 0;
}

.cluster-broker-item__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cluster-broker-item__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cluster-broker-item__title {
    font-weight: 600;
    font-size: 24px;
    color: #262626;
}

.cluster-broker-item__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cluster-broker-item__addr-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cluster-broker-item__addr {
    font-weight: 400;
    font-size: 16px;
    color: #595959;
}

.cluster-broker-item__expand-btn {
    width: 24px;
    height: 24px;
    mask: url("../img/24x24-expand.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-expand.svg") center/contain no-repeat;
    background-color: #8c8c8c;
}

.cluster-broker-item__thumb {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 12px;
    background: #262626;
}

.cluster-broker-item__buttons {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);

    transition:
            max-height 240ms ease,
            opacity 180ms ease,
            transform 180ms ease;

    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.cluster-broker.is-open .cluster-broker-item__buttons {
    max-height: 200px;
    opacity: 1;
    transform: translateY(0);
}

.cluster-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 44px;
    border-radius: 12px;
    cursor: pointer;
    border: none;
    background: transparent;
    text-decoration: none;
}

.cluster-btn--send {
    flex: 1;
    background: #262626;
}

.cluster-btn--send .cluster-btn__text {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
}

.cluster-btn--call {
    flex: 1;
    background: #ffffff;
    border: 1px solid #262626;
}

.cluster-btn--call .cluster-btn__text {
    color: #262626;
    font-weight: 400;
    font-size: 16px;
}

.cluster-btn--more {
    display: flex;
    width: 60px;
    min-width: 60px;
    background: transparent;
}

.cluster-btn__icon {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.cluster-btn__icon--send {
    background-color: #ffffff;
    mask: url("../img/24x24-send.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-send.svg") center/contain no-repeat;
}

.cluster-btn__icon--call {
    background-color: #262626;
    mask: url("../img/16x16-tel.svg") center/contain no-repeat;
    -webkit-mask: url("../img/16x16-tel.svg") center/contain no-repeat;
}

.cluster-btn__icon--more {
    width: 60px;
    height: 60px;
    mask: url("../img/24x24-more-horiz.svg") center/contain no-repeat;
    -webkit-mask: url("../img/24x24-more-horiz.svg") center/contain no-repeat;
    background-color: #262626;
}





/* ===============================
   NEW: 매물 보내기 바텀시트
   =============================== */
.send-sheet{
    position: absolute;   /* 🔥 fixed 금지 */
    left: 0;
    right: 0;
    bottom: 0;

    transform: none;      /* 🔥 translateX(-50%) 같은거 금지 */
    width: 100%;
    max-width: 430px;     /* 모바일 프레임 폭 */
    margin: 0 auto;       /* 가운데 정렬 */

    height: min(78vh, 640px);
    background: transparent;
    z-index: 910;

    overflow: visible;    /* 시트 그림자 잘리면 visible */
}

.send-sheet__collapse{
    position: absolute;
    left: 0; right: 0;
    bottom: calc(72px + env(safe-area-inset-bottom));

    background: #fff;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -8px 24px rgba(0,0,0,.12);
    overflow: hidden;

    /* ✅ 닫힘 기본값: 핸들만 보이게 */
    transform: translateY(calc(100% - 60px));
    transition: transform .25s ease;

    max-height: 500px;
}

.send-sheet.is-open .send-sheet__collapse {
    transform: translateY(0);
}

.send-sheet.is-dragging .send-sheet__collapse {
    transition: none !important;
}

/* handle */
.send-sheet__handle-area{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.send-sheet__handle{
    width: 56px;
    height: 5px;
    border-radius: 999px;
    background: #d9d9d9;
}

/* body */
.send-sheet__body{
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 16px 12px;
    gap: 12px;
}

/* 상단 select */
.send-sheet__listing-select{
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #e7eafe;
    background: #fff;
    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    cursor: pointer;
}
.send-sheet__listing-left{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.send-sheet__listing-label{
    font-weight: 600;
    font-size: 14px;
    color: #262626;
    white-space: nowrap;
}
.send-sheet__listing-sep{
    color: #bfbfbf;
}
.send-sheet__listing-title{
    font-weight: 600;
    font-size: 14px;
    color: #262626;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.send-sheet__chev{
    width: 24px;
    height: 24px;
    background-color: #0d0d0d;
    mask: url("/img/24x24-expand.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-expand.svg") center/contain no-repeat;
}

/* options row */
.send-sheet__options{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.send-sheet__check{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}
.send-sheet__check input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.send-sheet__check-ui{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid #0d0d0d;
    display: inline-block;
    position: relative;
}
.send-sheet__check input:checked + .send-sheet__check-ui{
    background: #0d0d0d;
}
.send-sheet__check input:checked + .send-sheet__check-ui::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}
.send-sheet__check-text{
    font-weight: 600;
    font-size: 14px;
    color: #262626;
}

.send-sheet__filter{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #e7eafe;
    background: #fff;
    cursor: pointer;
}
.send-sheet__filter-icon{
    width: 18px;
    height: 18px;
    background-color: #0d0d0d;
    mask: url("/img/24x24-filter.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-filter.svg") center/contain no-repeat;
}
.send-sheet__filter-text{
    font-weight: 600;
    font-size: 13px;
    color: #262626;
}

/* hint */
.send-sheet__hint{
    font-size: 13px;
    color: #595959;
}

/* list (scroll) */
.send-sheet__list{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 8px;
}

/* broker row */
.send-broker{
    border-radius: 12px;
    background: #f7f7f7;
    padding: 12px;
}
.send-broker__row{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    cursor: pointer;
}
.send-broker__checkbox{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.send-broker__check-ui{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid #0d0d0d;
    background: #fff;
    position: relative;
    flex: 0 0 auto;
}
.send-broker__checkbox:checked + .send-broker__check-ui{
    background: #0d0d0d;
}
.send-broker__checkbox:checked + .send-broker__check-ui::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.send-broker__info{
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.send-broker__name{
    font-weight: 700;
    font-size: 16px;
    color: #262626;
}
.send-broker__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.send-tag{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    color: #262626;
    background: #fff;
}
.send-tag b{ font-weight: 800; }

.send-tag--home{ background:#fff4e6; }
.send-tag--store{ background:#ffe8f1; }
.send-tag--apt{ background:#e9f7ee; }
.send-tag--office{ background:#fff1e6; }
.send-tag--etc{ background:#eef6ff; }

.send-broker__thumb{
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: #d9d9d9; /* 이미지 넣을 거면 background-image로 */
    flex: 0 0 auto;
}

/* CTA fixed inside sheet */
.send-sheet__cta{
    position: absolute;
    left: 0; right: 0; bottom: 0;
}
.send-sheet__send-btn{
    width: 100%;
    height: 54px;
    border-radius: 14px;
    border: 0;
    background: #111;
    color: #fff;
    font-weight: 700;
    font-size: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    cursor: pointer;
}
.send-sheet__send-icon{
    width: 20px;
    height: 20px;
    background-color: #fff;
    mask: url("/img/24x24-send.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-send.svg") center/contain no-repeat;
}

/* 모바일에서 max-width 해제 */
@media (max-width: 600px){
    .send-sheet{ max-width: 100%; border-radius: 18px 18px 0 0; }
}

/* ===============================
   SEND SHEET (매물 보내기)
   - 폰 프레임 중앙 정렬
   - 접힘 상태에서 지도 클릭 가능(pointer-events 처리)
   =============================== */

.send-sheet{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(100%, 430px);
    height: min(78vh, 640px);

    z-index: 910;
    background: transparent;
    overflow: visible;

    pointer-events: none;  /* ✅ 핵심: 지도 클릭 통과 */
}

/* CTA는 항상 보이고 클릭 가능 */
.send-sheet__cta{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    background: #ffffff;
    border-top: 1px solid #f2f2f2;

    padding: 10px 16px calc(16px + env(safe-area-inset-bottom));
    box-sizing: border-box;

    pointer-events: auto;  /* ✅ CTA 클릭 가능 */
}

.send-sheet__send-btn{
    width: 100%;
    height: 54px;
    border-radius: 14px;
    border: 0;
    background: #111;
    color: #fff;
    font-weight: 700;
    font-size: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.send-sheet__send-icon{
    width: 20px;
    height: 20px;
    background-color: #fff;
    mask: url("/img/24x24-send.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-send.svg") center/contain no-repeat;
}

/* 접히는 본체 */
.send-sheet__collapse{
    position: absolute;
    left: 0;
    right: 0;

    bottom: calc(72px + env(safe-area-inset-bottom));

    background: #fff;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -8px 24px rgba(0,0,0,.12);
    overflow: hidden;

    transform: translateY(calc(100% - 60px)); /* ✅ 기본: 핸들만 */
    transition: transform .25s ease;
    will-change: transform;

    pointer-events: auto; /* ✅ 핸들/열림 내용 클릭 가능 */
}

.send-sheet.is-open .send-sheet__collapse{ transform: translateY(0); }
.send-sheet.is-dragging .send-sheet__collapse{ transition: none !important; }

/* handle */
.send-sheet__handle-area{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}
.send-sheet__handle{
    width: 56px;
    height: 5px;
    border-radius: 999px;
    background: #d9d9d9;
}

/* body(스크롤 포함) */
.send-sheet__body{
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    gap: 12px;

    padding: 0 16px 12px;
    box-sizing: border-box;
}

/* 상단 select */
.send-sheet__listing-select{
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #e7eafe;
    background: #fff;
    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.send-sheet__listing-left{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.send-sheet__listing-label,
.send-sheet__listing-title{
    font-weight: 600;
    font-size: 14px;
    color: #262626;
}
.send-sheet__listing-title{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.send-sheet__listing-sep{ color: #bfbfbf; }
.send-sheet__chev{
    width: 24px;
    height: 24px;
    background-color: #0d0d0d;
    mask: url("/img/24x24-expand.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-expand.svg") center/contain no-repeat;
}

/* options row */
.send-sheet__options{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.send-sheet__check{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}
.send-sheet__check input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.send-sheet__check-ui{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid #0d0d0d;
    display: inline-block;
    position: relative;
}
.send-sheet__check input:checked + .send-sheet__check-ui{ background: #0d0d0d; }
.send-sheet__check input:checked + .send-sheet__check-ui::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}
.send-sheet__check-text{
    font-weight: 600;
    font-size: 14px;
    color: #262626;
}

.send-sheet__filter{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #e7eafe;
    background: #fff;
    cursor: pointer;
}
.send-sheet__filter-icon{
    width: 18px;
    height: 18px;
    background-color: #0d0d0d;
    mask: url("/img/24x24-filter.svg") center/contain no-repeat;
    -webkit-mask: url("/img/24x24-filter.svg") center/contain no-repeat;
}
.send-sheet__filter-text{
    font-weight: 600;
    font-size: 13px;
    color: #262626;
}

.send-sheet__hint{
    font-size: 13px;
    color: #595959;
}

/* list scroll */
.send-sheet__list{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 8px;
}

.send-sheet__section-title{
    font-size: 18px;
    font-weight: 800;
    color: #111;
    margin: 4px 0 8px;
}

/* broker row */
.send-broker{
    border-radius: 12px;
    background: #f7f7f7;
    padding: 12px;
}
.send-broker__row{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    cursor: pointer;
}
.send-broker__checkbox{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.send-broker__check-ui{
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid #0d0d0d;
    background: #fff;
    position: relative;
    flex: 0 0 auto;
    margin-top: 2px;
}
.send-broker__checkbox:checked + .send-broker__check-ui{ background: #0d0d0d; }
.send-broker__checkbox:checked + .send-broker__check-ui::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.send-broker__info{
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.send-broker__name{
    font-weight: 800;
    font-size: 18px;
    color: #262626;
}
.send-broker__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.send-tag{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    color: #262626;
    background: #fff;
}
.send-tag b{ font-weight: 800; }
.send-broker__addr{
    font-size: 14px;
    color: #4b5563;
    line-height: 1.2;
}

.send-broker__thumb{
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: #d9d9d9;
    flex: 0 0 auto;
}

/* 실제 모바일 전체폭이면 max-width 해제 */
@media (max-width: 600px){
    .send-sheet{ width: 100%; max-width: 100%; }
    .send-sheet__collapse{ border-radius: 18px 18px 0 0; }
}