@charset "utf-8";
/* ============================================================
   이웃장터 — 거래 상태 상자 (BRIEF 35-2)
   - 색은 게시판 스킨의 SEED 토큰(--hb-*)을 그대로 쓴다
   - 주황은 「글쓰기·현재 쪽」 전용이므로 여기서는 쓰지 않는다
   ============================================================ */

.hm-deal{
  margin:0 0 16px;padding:14px 16px;
  border:1px solid var(--hb-line);border-radius:12px;
  background:var(--hb-surface);
}
.hm-deal__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hm-deal__grow{flex:1 1 auto}

.hm-badge{
  flex:none;display:inline-flex;align-items:center;
  min-height:26px;padding-inline:10px;border-radius:6px;
  font-size:13px;line-height:18px;font-weight:700;white-space:nowrap;
  background:var(--hb-sunken);color:var(--hb-sub);
}
.hm-badge--on_sale{background:#e7f1ff;color:#1560c4}
.hm-badge--reserved{background:#fff3e0;color:#9a5b00}
.hm-badge--done{background:var(--hb-sunken);color:var(--hb-weak)}

.hm-deal__mark{
  flex:none;display:inline-flex;align-items:center;gap:4px;
  font-size:12px;font-weight:600;color:var(--hb-green);
}
.hm-deal__btn{
  flex:none;min-height:34px;padding:0 12px;
  border:1px solid var(--hb-line-strong);border-radius:8px;
  background:var(--hb-surface);color:var(--hb-body);
  font-size:13px;font-weight:600;cursor:pointer;
}
.hm-deal__btn:hover{background:var(--hb-sunken)}
.hm-deal__btn[disabled]{opacity:.5;cursor:default}

.hm-deal__btn--talk{
  border-color:var(--hb-blue);color:var(--hb-blue);font-weight:700;
  text-decoration:none;display:inline-flex;align-items:center;
}
.hm-deal__btn--talk:hover{background:#eef5ff}
.hm-deal__count{
  flex:none;font-size:13px;color:var(--hb-sub);
}
.hm-deal__count b{color:var(--hb-body);font-weight:700}

.hm-deal__partner{flex:none;font-size:13px;color:var(--hb-sub)}
.hm-deal__partner b{color:var(--hb-body);font-weight:700}
.hm-deal__mine{
  flex:none;padding-inline:8px;border-radius:6px;
  background:#e7f1ff;color:#1560c4;font-size:12px;line-height:24px;font-weight:700;
}

/* 판매자의 장터 기록 — 공개 항목만 (BRIEF 35-3) */
.hm-record{margin-top:12px;padding-top:12px;border-top:1px solid var(--hb-line)}
.hm-record__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0}
.hm-record__label{font-size:13px;font-weight:700;color:var(--hb-body)}
.hm-record__item{font-size:13px;color:var(--hb-sub)}
.hm-record__item b{color:var(--hb-body);font-weight:700}
.hm-record__new{
  padding-inline:8px;border-radius:6px;background:var(--hb-sunken);
  color:var(--hb-sub);font-size:12px;line-height:22px;font-weight:600;
}
.hm-record__recent{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.hm-record__recent li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;line-height:1.6}
.hm-record__stars{flex:none;color:#f5a623;letter-spacing:1px}
.hm-record__stars i{font-style:normal;color:var(--hb-g500)}
.hm-record__from{
  flex:none;padding-inline:5px;border-radius:4px;background:var(--hb-sunken);
  color:var(--hb-sub);font-size:11px;font-weight:600;
}
.hm-record__text{flex:1 1 auto;min-width:0;color:var(--hb-sub);word-break:break-word}
.hm-record__note{margin:8px 0 0;font-size:11px;line-height:1.6;color:var(--hb-weak)}

.hm-pick__who em{
  display:block;margin-top:2px;
  font-size:11px;font-style:normal;font-weight:500;color:var(--hb-weak);
}

/* 거래 완료 확인 — 두 사람이 각자 한 번씩 */
.hm-confirm{margin-top:12px;padding:12px;border:1px solid var(--hb-line);border-radius:10px;background:var(--hb-g100)}
.hm-confirm__head{margin:0 0 10px;font-size:13px;line-height:1.6;color:var(--hb-sub)}
.hm-confirm__head b{color:var(--hb-body);font-weight:700}
.hm-confirm__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hm-confirm__btn{
  flex:none;min-height:34px;padding:0 14px;
  border:1px solid var(--hb-green);border-radius:8px;background:var(--hb-green);
  color:#fff;font-size:13px;font-weight:700;cursor:pointer;
}
.hm-confirm__btn[disabled]{opacity:.5;cursor:default}
.hm-confirm__done{
  flex:none;display:inline-flex;align-items:center;gap:4px;
  font-size:13px;font-weight:700;color:var(--hb-green);
}
.hm-confirm__undo{
  flex:none;min-height:30px;padding:0 10px;
  border:1px solid var(--hb-line-strong);border-radius:8px;background:var(--hb-surface);
  color:var(--hb-sub);font-size:12px;cursor:pointer;
}
.hm-confirm__wait{flex:1 1 auto;min-width:0;font-size:12px;color:var(--hb-weak)}
.hm-confirm__ok{flex:none;font-size:12px;font-weight:700;color:var(--hb-green)}

/* 거래 후기 — 두 사람이 모두 썼거나 기간이 끝나면 함께 공개 */
.hm-review{margin-top:12px;padding-top:12px;border-top:1px solid var(--hb-line)}
.hm-review__title{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--hb-title)}
.hm-review__note{margin:0 0 10px;font-size:12px;line-height:1.6;color:var(--hb-weak)}
.hm-review__note b{color:var(--hb-sub);font-weight:700}
.hm-review__form{margin-bottom:12px}
.hm-stars{display:flex;gap:2px;margin-bottom:8px}
.hm-star{
  border:0;background:none;padding:0 2px;cursor:pointer;
  font-size:26px;line-height:1;color:var(--hb-g500);
}
.hm-star.is-on{color:#f5a623}
.hm-review__text{
  width:100%;box-sizing:border-box;padding:10px;
  border:1px solid var(--hb-line-strong);border-radius:8px;
  font-size:14px;line-height:1.6;color:var(--hb-body);resize:vertical;
  font-family:inherit;background:var(--hb-surface);
}
.hm-review__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.hm-review__save{
  flex:none;min-height:34px;padding:0 14px;
  border:1px solid var(--hb-blue);border-radius:8px;background:var(--hb-blue);
  color:#fff;font-size:13px;font-weight:700;cursor:pointer;
}
.hm-review__save[disabled]{opacity:.5;cursor:default}
.hm-review__wait{flex:1 1 auto;min-width:0;font-size:12px;color:var(--hb-weak)}
.hm-review__hide{margin:0;font-size:12px;color:var(--hb-weak)}
.hm-review__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.hm-review__list li{padding:10px 12px;border:1px solid var(--hb-line);border-radius:10px;background:var(--hb-g100)}
.hm-review__who{font-size:13px;font-weight:700;color:var(--hb-body)}
.hm-review__who em{
  margin-left:6px;padding-inline:6px;border-radius:5px;
  background:var(--hb-sunken);color:var(--hb-sub);
  font-size:11px;font-style:normal;font-weight:600;
}
.hm-review__rate{margin-left:8px;font-size:14px;color:#f5a623;letter-spacing:1px}
.hm-review__rate i{font-style:normal;color:var(--hb-g500)}
.hm-review__rate b{margin-left:6px;font-size:12px;font-weight:700;color:var(--hb-sub);letter-spacing:0}
.hm-review__body{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--hb-body);word-break:break-word}

/* 거래 상대 고르기 */
.hm-pick{margin-top:12px;padding-top:12px;border-top:1px solid var(--hb-line)}
.hm-pick__head{margin:0 0 10px;font-size:13px;line-height:1.6;color:var(--hb-sub)}
.hm-pick__head b{color:var(--hb-body);font-weight:700}
.hm-pick__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.hm-pick__list li{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:8px 10px;border:1px solid var(--hb-line);border-radius:10px;background:var(--hb-g100);
}
.hm-pick__who{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:var(--hb-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-pick__chat{flex:none;font-size:12px;color:var(--hb-blue);text-decoration:underline}
.hm-pick__btn{
  flex:none;min-height:30px;padding:0 10px;
  border:1px solid var(--hb-blue);border-radius:8px;background:var(--hb-surface);
  color:var(--hb-blue);font-size:12px;font-weight:700;cursor:pointer;
}
.hm-pick__btn:hover{background:#eef5ff}
.hm-pick__btn[disabled]{opacity:.5;cursor:default}
.hm-pick__now{flex:none;font-size:12px;font-weight:700;color:var(--hb-green)}
.hm-pick__clear{
  margin-top:10px;min-height:30px;padding:0 10px;
  border:1px solid var(--hb-line-strong);border-radius:8px;background:var(--hb-surface);
  color:var(--hb-sub);font-size:12px;cursor:pointer;
}

/* 신고·분쟁 (BRIEF 35-2 6번) */
.hm-dispute{margin-top:12px;padding-top:12px;border-top:1px solid var(--hb-line)}
.hm-dispute--on{
  margin-top:12px;padding:12px;border:1px solid #f2c0bd;border-radius:10px;
  background:#fff5f4;border-top:1px solid #f2c0bd;
}
.hm-dispute__head{margin:0;font-size:13px;line-height:1.7;color:#8c2e29}
.hm-dispute__head b{font-weight:700}
.hm-dispute__what{
  margin:10px 0 0;padding:10px;border-radius:8px;background:var(--hb-g0);
  font-size:13px;line-height:1.7;color:var(--hb-body);word-break:break-word;
}
.hm-dispute__appeal{margin:8px 0 0;font-size:12px;line-height:1.7;color:var(--hb-sub)}
.hm-dispute__appeal a{color:var(--hb-blue);text-decoration:underline}
.hm-dispute__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hm-dispute__cancel,.hm-dispute__close{
  flex:none;min-height:32px;padding:0 12px;border-radius:8px;cursor:pointer;
  font-size:12px;font-weight:700;
  border:1px solid var(--hb-line-strong);background:var(--hb-surface);color:var(--hb-sub);
}
.hm-dispute__close{border-color:var(--hb-danger);color:var(--hb-danger)}
.hm-dispute__open{
  min-height:30px;padding:0 10px;border-radius:8px;cursor:pointer;
  border:1px solid var(--hb-line-strong);background:var(--hb-surface);
  color:var(--hb-weak);font-size:12px;
}
.hm-dispute__form{margin-top:10px;padding:12px;border:1px solid var(--hb-line);border-radius:10px;background:var(--hb-g100)}
.hm-dispute__note{margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--hb-sub)}
.hm-dispute__note b{color:var(--hb-body);font-weight:700}
.hm-dispute__pick{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:13px;color:var(--hb-body);cursor:pointer}
.hm-dispute__text{
  width:100%;box-sizing:border-box;margin-top:8px;padding:10px;
  border:1px solid var(--hb-line-strong);border-radius:8px;
  font-size:14px;line-height:1.6;color:var(--hb-body);resize:vertical;
  font-family:inherit;background:var(--hb-surface);
}
.hm-dispute__send{
  margin-top:8px;min-height:34px;padding:0 14px;border-radius:8px;cursor:pointer;
  border:1px solid var(--hb-danger);background:var(--hb-danger);color:#fff;
  font-size:13px;font-weight:700;
}
.hm-dispute__send[disabled]{opacity:.5;cursor:default}

.hm-deal__guide{
  margin:10px 0 0;padding-top:10px;border-top:1px solid var(--hb-line);
  font-size:12px;line-height:1.6;color:var(--hb-weak);
}
.hm-deal__guide b{color:var(--hb-sub);font-weight:600}

/* 목록 배지 — 제목 앞 */
.hb-t .hm-mini{
  display:inline-flex;align-items:center;
  margin-right:6px;padding-inline:6px;border-radius:5px;
  font-size:12px;line-height:20px;font-weight:700;white-space:nowrap;vertical-align:1px;
}
.hb-t .hm-mini--reserved{background:#fff3e0;color:#9a5b00}
.hb-t .hm-mini--done{background:var(--hb-sunken);color:var(--hb-weak)}

@media (prefers-color-scheme:dark){
  .hm-badge--on_sale{background:#12325c;color:#a7c8f5}
  .hm-badge--reserved{background:#4a3208;color:#f0c67a}
  .hb-t .hm-mini--reserved{background:#4a3208;color:#f0c67a}
}