/* 业主直聊 · 商业物业频道样式（biz 页 · .biz-* 组件，复用 app.css 基础类） */

.biz-bar { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.biz-kinds { display: flex; gap: 8px; flex-wrap: wrap; }
.biz-modes { flex-shrink: 0; }

/* 卡片：底色区分商业物业（暖金调） */
.biz-card .biz-thumb { height: var(--thumb-h, 80px); }
.biz-kind-tag { font-size: 12px; background: rgba(255,255,255,.92); color: #8a6410; font-weight: 700; }
.biz-ro { background: var(--gold); color: #fff; border-radius: 4px; padding: 1px 5px; font-size: 11px; margin-left: 5px; }
.biz-city { margin-left: auto; font-size: 12px; color: var(--ink-3); letter-spacing: .05em; }
.biz-card .acts { display: flex; align-items: center; gap: 8px; }

/* 详情弹层 */
.biz-modal { max-width: 560px; width: calc(100vw - 40px); }

/* 挂牌表单（复用 .pubform 网格，见 me.css / app.css） */
#bizPubSec .pubform { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 16px; }
#bizPubSec .field { display: flex; flex-direction: column; gap: 5px; }
#bizPubSec .field label { font-size: 12.5px; color: var(--ink-2); font-weight: 600; }
#bizPubSec .field input, #bizPubSec .field select {
  padding: 10px 12px; border: 1px solid rgba(12,122,92,.18); border-radius: 10px;
  font-size: 14px; background: #fff; outline: none;
}
#bizPubSec .field input:focus, #bizPubSec .field select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(12,122,92,.10); }

.btn.putoff { color: #b3541e; border-color: rgba(179,84,30,.35); }

/* list-card 容器：照搬 me.css 103-135，biz 切片自管，不跨页依赖 */
.me-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.me-item {
  display: flex; flex-direction: column;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: 14px; overflow: hidden;
  box-shadow: var(--sh-1);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.me-item:hover { transform: translateY(-4px); box-shadow: var(--sh-2); border-color: color-mix(in srgb, var(--primary) 35%, var(--line)); }
.me-item.off .me-listing { opacity: .55; filter: saturate(.4); }
.me-listing { display: flex; flex-direction: column; text-decoration: none; color: inherit; }

/* 状态徽（与 me.css .mgmt .st 同源；biz 用 .st 元素直接挂上即可） */
.st.is-live { color: var(--primary-deep); font-size: 12px; font-weight: 700; }
.st.is-off { color: var(--ink-3); font-size: 12px; }

@media (max-width: 640px) {
  .biz-bar { flex-direction: column; align-items: stretch; }
  .biz-modes { align-self: flex-start; }
}