/* 超管后台 · 用户反馈工作台(2026-10-21):左列表右详情;状态页签带条数;顶栏「反馈」按钮红色待处理数 */
.fb-btn { position: relative; }
.fb-badge { display: inline-block; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px; border-radius: 9px; background: #e5484d; color: #fff;
  font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; }

.fbw-dialog { width: min(1180px, 96vw); max-width: none; height: min(86vh, 900px); display: flex; flex-direction: column; }
.fbw-filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 0 20px 12px; border-bottom: 1px solid #eef0f4; }
.fbw-filters select { height: 32px; padding: 0 8px; border: 1px solid #dfe3ea; border-radius: 8px; background: #fff; font-size: 13px; }
.fbw-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-right: auto; }
.fbw-tab { height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: #f2f3f5; color: #4b5563; font-size: 13px; cursor: pointer; }
.fbw-tab b { margin-left: 4px; color: #c2410c; }
.fbw-tab.on { background: #3478f6; color: #fff; }
.fbw-tab.on b { color: #fff; }

.fbw-work { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(320px, 5fr) 7fr; }
.fbw-list { overflow-y: auto; padding: 10px; border-right: 1px solid #eef0f4; background: #fafbfc; }
.fbw-detail { overflow-y: auto; padding: 16px 20px; }
.fbw-empty { padding: 40px 20px; text-align: center; color: #8a94a3; font-size: 13px; line-height: 1.7; }
.fbw-muted { margin-top: 8px; font-size: 12px; color: #8a94a3; }

.fbw-row { display: flex; flex-direction: column; gap: 6px; width: 100%; margin-bottom: 8px; padding: 10px 12px; border: 1px solid #e6e9ef; border-radius: 10px; background: #fff; text-align: left; cursor: pointer; font: inherit; }
.fbw-row:hover { border-color: #9cbcf8; }
.fbw-row.on { border-color: #3478f6; box-shadow: 0 0 0 2px rgba(52, 120, 246, .15); }
.fbw-row-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; }
.fbw-row-top b { font-size: 13px; color: #374151; font-variant-numeric: tabular-nums; }
.fbw-img { padding: 1px 6px; border-radius: 6px; background: #eef0f4; color: #6b7686; }
.fbw-time { margin-left: auto; color: #8a94a3; }
.fbw-row-text { font-size: 13px; line-height: 1.6; color: #1f2937; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.fbw-row-who { font-size: 12px; color: #8a94a3; }

.fbw-detail-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: #4b5563; }
.fbw-detail-head b { font-size: 16px; color: #111827; }
.fbw-content { margin-top: 12px; font-size: 15px; line-height: 1.75; color: #111827; white-space: pre-wrap; }
.fbw-images { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.fbw-images img { width: 140px; height: 140px; object-fit: cover; border-radius: 10px; border: 1px solid #e6e9ef; }
.fbw-ctx { width: 100%; margin-top: 14px; border-collapse: collapse; font-size: 12px; }
.fbw-ctx td { padding: 6px 8px; border-bottom: 1px solid #eef0f4; vertical-align: top; word-break: break-all; }
.fbw-ctx td:first-child { width: 110px; color: #8a94a3; white-space: nowrap; }
.fbw-ctx td.err { color: #c0392b; font-family: "SF Mono", Menlo, Consolas, monospace; }
.fbw-line { margin-top: 16px; padding-left: 14px; border-left: 2px solid #e6e9ef; }
.fbw-ev { position: relative; padding-bottom: 12px; }
.fbw-ev::before { content: ''; position: absolute; left: -20px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #c2c7cf; }
.fbw-ev.dev::before { background: #3478f6; }
.fbw-ev-head { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: #4b5563; }
.fbw-ev.dev .fbw-ev-head b { color: #1d5fbf; }
.fbw-ev-head span { color: #8a94a3; }
.fbw-ev p { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: #111827; white-space: pre-wrap; }
.fbw-form { margin-top: 16px; padding-top: 14px; border-top: 1px solid #eef0f4; }
.fbw-form textarea { width: 100%; min-height: 90px; padding: 10px 12px; border: 1px solid #dfe3ea; border-radius: 10px; font: inherit; font-size: 14px; line-height: 1.6; resize: vertical; box-sizing: border-box; }
.fbw-form-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: #4b5563; }
.fbw-form-row select, .fbw-form-row input { height: 32px; margin-left: 4px; padding: 0 8px; border: 1px solid #dfe3ea; border-radius: 8px; font-size: 13px; }
.fbw-form-row .btn { margin-left: auto; }

@media (max-width: 800px) {
  .fbw-work { grid-template-columns: 1fr; }
  .fbw-list { max-height: 40vh; border-right: 0; border-bottom: 1px solid #eef0f4; }
}