.tracker-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid var(--c-border); background: #fff; box-shadow: 0 2px 16px rgba(107,66,38,.07); }
.tracker-table { min-width: 520px; width: 100%; border-collapse: collapse; }
.tracker-table thead tr { background: linear-gradient(90deg, var(--c-bg5), var(--c-her-light)); }
.tracker-table th { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--c-text2); font-weight: 700; border-bottom: 2px solid var(--c-border); padding: 10px 12px; }
.tracker-table th.center, .tracker-table td.center { text-align: center; }
.tracker-table td { padding: 9px 12px; border-bottom: 1px solid var(--c-border); font-size: 13px; color: var(--c-text); vertical-align: middle; }
.tracker-table tbody tr:hover td { background: var(--c-bg2); }
.tracker-table tfoot td { background: var(--c-bg5); font-weight: 700; border-top: 2px solid var(--c-border); font-size: 13px; }
.tracker-badge-ok { color: #0f5132; font-weight: 700; }
.tracker-badge-short { color: var(--c-her); font-weight: 700; }
.tracker-badge-done { display: inline-block; padding: 2px 7px; border-radius: 8px; font-size: 10px; font-weight: 700; background: #d1e7dd; color: #0f5132; }
.tracker-badge-pending { display: inline-block; padding: 2px 7px; border-radius: 8px; font-size: 10px; font-weight: 700; background: var(--c-bg3); color: var(--c-her); }

@media (max-width: 600px) { .tracker-table th, .tracker-table td { padding: 8px 8px; } }