.tracking-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.tracking-counts button{padding:18px;text-align:start;cursor:pointer;color:inherit;border:1px solid #e3e9e6}.tracking-counts b{display:block;font-size:27px;color:#175a46;margin-bottom:5px}.tracking-counts span{font-size:13px}.tracking-counts .selected{background:#edf7f2;border-color:#76ac97}.tracking-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;align-items:end}.tracking-filters input,.tracking-filters select{width:100%;min-width:0;min-height:44px}.tracking-filters .field{margin:0}.tracking-filters .field:has(input){grid-column:span 3}.tracking-list{display:grid;gap:14px}.tracking-card{padding:20px}.tracking-card header,.tracking-card footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.tracking-card h3{margin:8px 0;font-size:17px}.tracking-card small{color:#65766e}.tracking-meta{display:flex;gap:12px 28px;flex-wrap:wrap;padding:12px 0}.tracking-meta span{display:flex;gap:8px;font-size:13px;color:#66766f}.tracking-meta b{color:#253d33}.tracking-next{padding:16px 18px;border-radius:14px;background:#f2f7f4;border-inline-start:3px solid #38896a;margin:10px 0 16px}.tracking-next span{display:block;font-size:12px;color:#62756a}.tracking-next strong{display:block;font-size:18px;color:#174f3c;margin:6px 0}.tracking-next p{font-size:14px;margin:5px 0;line-height:1.7}.tracking-status{padding:7px 12px;border-radius:20px;background:#fff3db;font-size:12px;line-height:1.6}.tracking-status.complete{background:#e9f5ed}.tracking-status.rejected{background:#faecea}.tracking-status.deferred{background:#edf0f8}.tracking-timeline{list-style:none;padding:0;display:grid;gap:14px}.tracking-timeline li{padding-inline-start:18px;border-inline-start:2px solid #b1caba;display:grid;gap:5px}.tracking-timeline span,.tracking-timeline small{color:#61736a;font-size:13px}.request-tracking button{min-height:44px}.request-tracking{min-width:0}.tracking-card,.tracking-next{overflow-wrap:anywhere}@media(max-width:700px){.tracking-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tracking-counts button{padding:14px}.tracking-filters{grid-template-columns:1fr 1fr;padding:14px}.tracking-filters .field:has(input){grid-column:1/-1}.tracking-card{padding:16px}.tracking-card header{align-items:flex-start}.tracking-card footer .btn{width:100%}.tracking-status{max-width:100%}}
