/* ============================================================
   邻借点管理后台 · 页面级样式（逐屏还原设计稿）
   ============================================================ */

/* ---------- P1 数据总览 ---------- */
.p1-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.p1-trend-card { grid-column: 1; }
.p1-todo-card { grid-column: 2; }
.p1-recent { grid-column: 1 / -1; }

/* 图表切换 */
.seg-mini { display: flex; gap: 0; border: 1px solid var(--border); border-radius: var(--radius-btn); overflow: hidden; }
.seg-mini button {
  height: 24px; padding: 0 10px;
  border: none; background: var(--bg-card);
  font-size: 11px; color: var(--text-3); cursor: pointer; font-family: var(--font);
}
.seg-mini button.active { background: var(--brand-light); color: var(--brand); }

/* 柱状图 */
.bar-chart { display: flex; align-items: flex-end; gap: 18px; height: 160px; padding: 8px 4px 0; }
.bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; }
.bar-col .bar { width: 22px; background: #d6e2fb; border-radius: 2px 2px 0 0; }
.bar-col.highlight .bar { background: var(--brand); }
.bar-col .bar-label { font-size: 10px; color: var(--text-3); }

/* 待办面板 */
.todo-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 4px;
  border-bottom: 1px solid var(--divider);
  cursor: pointer;
}
.todo-row:last-child { border-bottom: none; }
.todo-row:hover .todo-name { color: var(--brand); }
.todo-name { font-size: 13px; color: var(--text-1); }
.todo-badge { font-size: 12px; }
.todo-badge b { font-weight: 600; margin-right: 2px; }
.todo-badge.t-red { color: var(--error); }
.todo-badge.t-orange { color: var(--warning); }
.todo-badge.t-green { color: var(--success); }
.todo-badge.t-blue { color: var(--brand); }

/* ---------- P3/P8/P9 社区详情 ---------- */
.community-hero { padding-bottom: 16px; }
.hero-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 6px; }
.hero-name-row { display: flex; align-items: center; gap: 10px; }
.hero-name { font-size: 20px; font-weight: 600; color: var(--text-1); }
.hero-addr { font-size: 13px; color: var(--text-2); margin-bottom: 6px; }
.hero-meta { font-size: 12px; color: var(--text-3); }
.hero-actions { display: flex; gap: 8px; }

.stat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.stat-cell { background: var(--bg-input); border-radius: var(--radius-card); padding: 12px 14px; }
.stat-cell .label { font-size: 12px; color: var(--text-3); margin-bottom: 6px; }
.stat-cell .num { font-size: 20px; font-weight: 600; color: var(--text-1); }
.stat-cell .num.orange { color: var(--warning); }

/* ---------- P8 公告列表 ---------- */
.announce-item { padding: 14px 4px; border-bottom: 1px solid var(--divider); display: flex; flex-direction: column; gap: 8px; }
.announce-item:last-of-type { border-bottom: none; }
.announce-line1 { display: flex; align-items: center; gap: 8px; }
.announce-title { font-size: 14px; font-weight: 500; color: var(--text-1); flex: 1; }
.announce-time { font-size: 12px; color: var(--text-3); }
.announce-summary { font-size: 13px; color: var(--text-2); line-height: 1.5; }
.announce-foot { display: flex; align-items: center; justify-content: space-between; }
.announce-publisher { font-size: 12px; color: var(--text-3); }
.announce-ops { display: flex; gap: 12px; }
.announce-ops .op { font-size: 12px; cursor: pointer; background: none; border: none; font-family: var(--font); padding: 0; }
.op-blue { color: var(--brand); }
.op-orange { color: var(--warning); }
.op-red { color: var(--error); }

/* ---------- P9 交接点提示 ---------- */
.handover-note { margin-top: 12px; }

/* ---------- P10 订单详情弹窗信息网格 ---------- */
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.info-cell .k { font-size: 12px; color: var(--text-3); margin-bottom: 4px; }
.info-cell .v { font-size: 13px; color: var(--text-1); }

/* 流转时间线 */
.timeline-title { font-size: 13px; font-weight: 500; color: var(--text-1); margin-bottom: 10px; }
.tl-node { display: flex; gap: 10px; position: relative; padding-bottom: 16px; }
.tl-node:last-child { padding-bottom: 0; }
.tl-node::before {
  content: "";
  position: absolute; left: 4px; top: 14px; bottom: 0;
  width: 1px; background: var(--divider);
}
.tl-node:last-child::before { display: none; }
.tl-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--brand); margin-top: 4px; flex: none; position: relative; z-index: 1; }
.tl-node.pending .tl-dot { background: var(--text-4); }
.tl-main { font-size: 13px; color: var(--text-1); }
.tl-node.pending .tl-main { color: var(--text-3); }
.tl-time { font-size: 11px; color: var(--text-3); margin-top: 3px; }
.order-tip { font-size: 12px; color: var(--text-3); }

/* ---------- P11 用户详情抽屉 ---------- */
.drawer-user { display: flex; align-items: center; gap: 12px; padding-bottom: 4px; }
.drawer-user .avatar-lg { width: 48px; height: 48px; font-size: 16px; }
.drawer-user .name-row { display: flex; align-items: center; gap: 8px; }
.drawer-user .name { font-size: 16px; font-weight: 600; color: var(--text-1); }
.drawer-user .sub { font-size: 12px; color: var(--text-3); margin-top: 4px; }

.drawer-group-title { font-size: 13px; font-weight: 600; color: var(--text-1); margin: 4px 0; }
.info-lines { display: flex; flex-direction: column; }
.info-line { display: flex; padding: 8px 0; font-size: 13px; border-bottom: 1px solid var(--divider); }
.info-line:last-child { border-bottom: none; }
.info-line .k { width: 88px; flex: none; color: var(--text-3); }
.info-line .v { color: var(--text-1); flex: 1; }
.info-line .v.green { color: var(--success-deep); }

.credit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.credit-cell { background: var(--bg-input); border-radius: var(--radius-card); padding: 10px 12px; }
.credit-cell .num { font-size: 18px; font-weight: 600; color: var(--text-1); }
.credit-cell .num.green { color: var(--success); }
.credit-cell .label { font-size: 11px; color: var(--text-3); margin-top: 4px; }

.drawer-actions { display: flex; gap: 12px; margin-top: 4px; }
.drawer-actions .btn { flex: 1; height: 34px; }
.btn-outline-danger { background: var(--error-bg); border-color: transparent; color: var(--error); }
.btn-outline-danger:hover { background: #fbd9dc; border-color: transparent; color: var(--error); }

/* ---------- P15 编辑商品 ---------- */
.modal-wide { width: 620px; }
.edit-top { display: flex; gap: 16px; }
.edit-img {
  width: 104px; height: 104px; flex: none;
  border-radius: var(--radius-card);
}
.edit-fields { flex: 1; display: flex; flex-direction: column; gap: 10px; }

/* ---------- P14 通过弹窗 ---------- */
.modal-sm { width: 440px; }