.ttb { max-width: 920px; margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.ttb-bar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.ttb-bar select, .ttb-btn { padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d7de; font-size: 14px; }
.ttb-btn { background: #1f6feb; color: #fff; border: 0; cursor: pointer; }
.ttb-btn:hover { background: #1858c4; }
.ttb-status { font-size: 13px; color: #57606a; }
.ttb-status.err { color: #cf222e; }
.ttb h3 { font-size: 16px; margin: 22px 0 10px; }
.ttb-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.ttb-card { border: 1px solid #e1e4e8; border-radius: 12px; padding: 14px; background: #fff; }
.ttb-card h4 { margin: 0 0 6px; font-size: 15px; }
.ttb-traffic { font-size: 12px; color: #cf222e; font-weight: 600; }
.ttb-chips { margin: 8px 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ttb-chip { font-size: 11px; background: #eef1f4; border-radius: 20px; padding: 3px 9px; color: #333; }
.ttb-actions { display: flex; gap: 8px; margin-top: 8px; }
.ttb-actions button { font-size: 12px; padding: 5px 10px; border-radius: 7px; border: 1px solid #d0d7de; background: #f6f8fa; cursor: pointer; }
.ttb-actions .track.on { background: #fff8c5; border-color: #d4a72c; }
.ttb-brief { margin-top: 10px; font-size: 13px; background: #f6f8fa; border-radius: 8px; padding: 10px; display: none; }
.ttb-brief.open { display: block; }
.ttb-brief b { color: #1f6feb; }
.ttb-muted { color: #8b949e; font-size: 13px; }
.ttb-tracked-list .ttb-chip { cursor: default; }
.ttb-src { font-size: 11px; color: #57606a; display: block; margin-top: 2px; }
.ttb-err { background: #ffebe9; border: 1px solid #ffc1ba; color: #cf222e; padding: 12px; border-radius: 10px; }