/* =========================================================
   个人工作台 样式（自包含，.wb-* 前缀）
   配色沿用平台深蓝 #0d1b2a / 金色 #c8922b
   ========================================================= */
.wb-wrap { color:#1D2A3A; font-size:14px; line-height:1.6; }

/* 头部 */
.wb-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:3px solid #c8922b; margin-bottom:16px; }
.wb-head-title { font-size:20px; font-weight:700; color:#0d1b2a; }
.wb-head-title small { display:block; font-size:12.5px; font-weight:400; color:#8a94a6; margin-top:2px; }
.wb-user { font-size:12.5px; color:#5B6475; background:#F5F8FC; border:1px solid #E3E8F0; border-radius:20px; padding:4px 14px; white-space:nowrap; }

/* 子标签 */
.wb-tabs { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.wb-tab { border:1px solid #d9e2ec; background:#fff; color:#5d6b7a; padding:8px 18px; border-radius:8px; font-size:13px; cursor:pointer; font-family:inherit; transition:all .15s; }
.wb-tab:hover { border-color:#c8922b; color:#b8821d; }
.wb-tab.active { background:#0d1b2a; border-color:#0d1b2a; color:#fff; font-weight:600; }

/* 统计卡片 */
.wb-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:12px; margin-bottom:16px; }
.wb-stat { background:#fff; border:1px solid #E3E8F0; border-radius:10px; padding:14px 16px; text-align:center; }
.wb-stat .num { font-size:24px; font-weight:700; color:#0d1b2a; }
.wb-stat .lbl { font-size:12px; color:#8a94a6; margin-top:2px; }
.wb-stat.gold .num { color:#b8821d; }
.wb-stat.green .num { color:#0a9b5b; }
.wb-stat.red .num { color:#d4453c; }

/* 筛选条 */
.wb-filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; align-items:center; }
.wb-filters select, .wb-filters input { border:1px solid #d9e2ec; border-radius:8px; padding:7px 10px; font-size:13px; font-family:inherit; color:#1D2A3A; background:#fff; }
.wb-filters input { flex:1; min-width:160px; }

/* 任务列表 */
.wb-task-list { display:flex; flex-direction:column; gap:10px; }
.wb-empty { text-align:center; color:#98A2B3; padding:40px 0; font-size:13px; }

/* 任务卡片 */
.wb-task { background:#fff; border:1px solid #E3E8F0; border-radius:10px; padding:14px 16px; transition:box-shadow .15s; }
.wb-task:hover { box-shadow:0 6px 18px rgba(13,27,42,.08); }
.wb-task.overdue { border-left:4px solid #d4453c; }
.wb-task.done { opacity:.62; }
.wb-task-top { display:flex; align-items:center; gap:8px; margin-bottom:6px; flex-wrap:wrap; }
.wb-prio { font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px; }
.wb-prio.p-high { background:#FDE8E8; color:#c0392b; }
.wb-prio.p-mid { background:#FDF6E8; color:#8a6412; }
.wb-prio.p-low { background:#EAF6EF; color:#0a9b5b; }
.wb-status { font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px; }
.wb-status.s-todo { background:#EEF2F7; color:#5B6475; }
.wb-status.s-doing { background:#EAF2FF; color:#1660c8; }
.wb-status.s-done { background:#EAF6EF; color:#0a9b5b; }
.wb-status.s-overdue { background:#FDE8E8; color:#c0392b; }
.wb-deadline { margin-left:auto; font-size:12px; color:#8a94a6; }
.wb-deadline.over { color:#c0392b; font-weight:600; }
.wb-task-title { font-size:15px; font-weight:600; color:#0d1b2a; }
.wb-task-desc { font-size:13px; color:#5B6475; margin:4px 0 8px; white-space:pre-wrap; }
.wb-task-meta { font-size:12px; color:#98A2B3; }
.wb-task-actions { display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.wb-btn { border:1px solid #d9e2ec; background:#fff; color:#5d6b7a; padding:5px 14px; border-radius:7px; font-size:12.5px; cursor:pointer; font-family:inherit; transition:all .15s; }
.wb-btn:hover { border-color:#c8922b; color:#b8821d; }
.wb-btn.primary { background:#0d1b2a; border-color:#0d1b2a; color:#fff; }
.wb-btn.primary:hover { background:#1b3a57; border-color:#1b3a57; color:#fff; }
.wb-btn.green { background:#0a9b5b; border-color:#0a9b5b; color:#fff; }
.wb-btn.green:hover { background:#0b7d4b; }
.wb-btn.danger:hover { border-color:#c0392b; color:#c0392b; }
.wb-btn:disabled { opacity:.45; cursor:not-allowed; }

/* 表单 */
.wb-panel { display:block; }
.wb-panel[hidden] { display:none; }
.wb-form { background:#fff; border:1px solid #E3E8F0; border-radius:10px; padding:18px 20px; max-width:640px; }
.wb-form .f-row { margin-bottom:14px; }
.wb-form label { display:block; font-size:13px; color:#5B6475; margin-bottom:5px; }
.wb-form label em { color:#c0392b; font-style:normal; }
.wb-form input[type=text], .wb-form input[type=date], .wb-form select, .wb-form textarea { width:100%; border:1px solid #d9e2ec; border-radius:8px; padding:8px 11px; font-size:13.5px; font-family:inherit; color:#1D2A3A; background:#fff; }
.wb-form textarea { min-height:84px; resize:vertical; }
.wb-form input:focus, .wb-form select:focus, .wb-form textarea:focus { outline:none; border-color:#c8922b; }
.wb-form .f-row.f-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

/* 账号表 */
.wb-accounts { background:#fff; border:1px solid #E3E8F0; border-radius:10px; padding:14px 18px; }
.wb-accounts table { width:100%; border-collapse:collapse; font-size:13px; }
.wb-accounts th, .wb-accounts td { border-bottom:1px solid #EEF2F7; padding:9px 8px; text-align:left; }
.wb-accounts th { color:#8a94a6; font-weight:600; font-size:12px; }
.wb-accounts td .wb-btn { padding:3px 10px; font-size:12px; }
.wb-badge-leader { font-size:11px; padding:2px 8px; border-radius:20px; background:#FDF6E8; color:#8a6412; font-weight:600; }
.wb-section-title { font-size:15px; font-weight:600; color:#0d1b2a; margin:20px 0 10px; }

/* ============ 智能助手（对话框） ============ */
.wb-chat { display:flex; flex-direction:column; height:calc(100vh - 250px); min-height:420px; max-height:760px; background:#fff; border:1px solid #E3E8F0; border-radius:10px; overflow:hidden; }
.wb-chat-msgs { flex:1; overflow-y:auto; padding:16px 18px; display:flex; flex-direction:column; gap:10px; background:#F8FAFD; }
.wb-msg { display:flex; }
.wb-msg.user { justify-content:flex-end; }
.wb-msg.bot { justify-content:flex-start; }
.wb-bubble { max-width:80%; padding:10px 14px; border-radius:12px; font-size:13.5px; line-height:1.65; word-break:break-word; }
.wb-msg.bot .wb-bubble { background:#fff; border:1px solid #E3E8F0; color:#1D2A3A; border-top-left-radius:4px; }
.wb-msg.user .wb-bubble { background:#0d1b2a; color:#fff; border-top-right-radius:4px; }
.wb-chips { display:flex; gap:8px; flex-wrap:wrap; padding:10px 14px; border-top:1px solid #EEF2F7; background:#fff; }
.wb-chip { border:1px solid #d9e2ec; background:#fff; color:#5d6b7a; padding:5px 12px; border-radius:16px; font-size:12.5px; cursor:pointer; font-family:inherit; transition:all .15s; }
.wb-chip:hover { border-color:#c8922b; color:#b8821d; }
.wb-chat-inputbar { display:flex; gap:8px; padding:12px 14px; border-top:1px solid #EEF2F7; background:#fff; }
.wb-chat-inputbar input { flex:1; border:1px solid #d9e2ec; border-radius:8px; padding:9px 12px; font-size:13.5px; font-family:inherit; }
.wb-chat-inputbar input:focus { outline:none; border-color:#c8922b; }

/* 助手回答卡片 */
.wb-card { background:#fff; border:1px solid #E3E8F0; border-radius:10px; padding:12px 14px; }
.wb-card-hd { font-size:14.5px; font-weight:700; color:#0d1b2a; margin-bottom:8px; }
.wb-card-hd .wb-tag { margin-left:8px; }
.wb-kv { display:flex; flex-direction:column; gap:6px; font-size:13px; }
.wb-kv > div { display:flex; gap:10px; }
.wb-kv > div > span { flex:0 0 64px; color:#8a94a6; }
.wb-tag { display:inline-block; font-size:11.5px; background:#F5F8FC; border:1px solid #E3E8F0; border-radius:6px; padding:1px 8px; color:#1D2A3A; margin:2px 3px 0 0; }
.wb-chiprow { display:flex; flex-wrap:wrap; gap:6px; }
.wb-task-line { padding:6px 0; border-bottom:1px dashed #EEF2F7; font-size:13px; }
.wb-task-line:last-child { border-bottom:none; }
.wb-dept-group { padding:5px 0; font-size:13px; border-bottom:1px dashed #EEF2F7; }
.wb-dept-group:last-child { border-bottom:none; }