/* todo-alert.css —— 待办事项 / 预警信息 共享样式（独立模块） */

.ta-wrap { max-width: 1600px; margin: 0 auto; padding: 20px 18px 40px; }
.ta-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.ta-toolbar .ta-title { font-size:19px; font-weight:700; color:#1f2d3d; }
.ta-toolbar .ta-sum { font-size:13px; color:#667085; }
.ta-toolbar .ta-sum b { color:#1a73e8; font-size:14px; }
.ta-sum-od { color:#d92d20; font-weight:700; }
.ta-toolbar .spacer { flex:1; }

.ta-card { background:#fff; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,.08); margin-bottom:16px; overflow:hidden; }
.ta-card-hd { display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #eef1f5;
              background:linear-gradient(135deg,#f7f9fc,#eef3fa); flex-wrap:wrap; }
.ta-card-hd .ta-ico { font-size:18px; }
.ta-card-hd h3 { font-size:15px; font-weight:700; color:#1f2d3d; margin:0; display:flex; align-items:center; gap:8px; }
.ta-card-hd .ta-desc { font-size:12px; color:#8a94a6; }
.ta-card-hd .ta-tools { margin-left:auto; display:flex; align-items:center; gap:8px; }
.ta-card.mode-alert .ta-card-hd { background:linear-gradient(135deg,#fff6f2,#ffeae0); }

.ta-badge { display:inline-block; min-width:20px; padding:1px 7px; border-radius:10px; font-size:12px; font-weight:700;
            color:#fff; background:#98a2b3; text-align:center; line-height:18px; }
.ta-badge.has { background:#1a73e8; }
.ta-badge.warn { background:#f79009; }
.ta-badge.danger { background:#d92d20; }

.ta-btn { border:1px solid #d5dbe5; background:#fff; color:#344054; border-radius:6px; padding:4px 10px;
          font-size:12px; cursor:pointer; transition:.15s; }
.ta-btn:hover { background:#f2f6ff; border-color:#1a73e8; color:#1a73e8; }
.ta-switch { font-size:12px; color:#475467; display:inline-flex; align-items:center; gap:4px; cursor:pointer; user-select:none; }

.ta-card-bd { padding:0; }
.ta-empty { padding:26px 16px; text-align:center; color:#98a2b3; font-size:13px; }
.ta-empty.placeholder { background:#fcfcfd; border-top:1px dashed #e4e7ec; }

table.ta-tb { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12.5px; }
table.ta-tb th { background:#f8fafc; color:#475467; font-weight:600; text-align:left; padding:8px 10px;
                 border-bottom:1px solid #e4e7ec; white-space:nowrap; }
table.ta-tb td { padding:7px 10px; border-bottom:1px solid #f2f4f7; color:#1f2d3d;
                 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table.ta-tb tbody tr:hover { background:#f6f9ff; }
table.ta-tb tr.lv-overdue td:first-child { box-shadow: inset 3px 0 0 #d92d20; }
table.ta-tb tr.lv-urgent  td:first-child { box-shadow: inset 3px 0 0 #f79009; }

.ta-pill { display:inline-block; padding:1px 8px; border-radius:10px; font-size:11.5px; font-weight:600; }
.ta-pill.lv-overdue { background:#fee4e2; color:#b42318; }
.ta-pill.lv-urgent  { background:#fef0c7; color:#b54708; }
.ta-pill.lv-normal  { background:#e6f4ea; color:#1e7e34; }
.ta-pill.lv-none    { background:#eef1f5; color:#667085; }
.ta-pill.sub        { background:#eaf1fe; color:#1a53c0; }

.ta-cd { font-weight:700; }
.ta-cd.lv-overdue { color:#d92d20; }
.ta-cd.lv-urgent  { color:#b54708; }
.ta-cd.lv-normal  { color:#475467; font-weight:500; }
.ta-cd.lv-none    { color:#98a2b3; font-weight:500; }

.ta-link { color:#1a73e8; text-decoration:none; font-weight:600; }
.ta-link:hover { text-decoration:underline; }
.ta-amt { text-align:right; font-variant-numeric:tabular-nums; }

/* 顶部导航徽标（全站通用） */
.nav-badge { display:inline-block; min-width:17px; margin-left:6px; padding:0 5px; border-radius:9px;
             background:#d92d20; color:#fff; font-size:11px; font-weight:700; line-height:17px;
             text-align:center; vertical-align:middle; }
.nav-badge.zero { display:none; }
.nav-badge.todo { background:#1a73e8; }