/* ZA Office CRM — đợt 2: Bảng theo dõi dự án. Chỉ dùng biến của app.css (trừ huy hiệu ưu tiên, đọc được ở cả hai giao diện). */
.za-prio { display: inline-block; min-width: 30px; text-align: center; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.za-p1 { background: #D6371F; color: #fff; }
.za-p2 { background: #F08A24; color: #1B1200; }
.za-p3 { background: #F2C94C; color: #1B1500; }
.za-p4 { background: #9AA3B5; color: #101420; }
.za-due.over { color: var(--err); font-weight: 700; }
.za-cfo { display: inline-block; background: var(--warn-soft); color: var(--ink); border-left: 3px solid var(--warn); padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.za-track { border-left: 4px solid var(--brand); }
.za-track.over { border-left-color: var(--err); }
.za-track .highlights { margin: 0; border: 0; padding: 0; background: transparent; }
.za-quick { min-width: 190px; font-weight: 600; }
.za-row { cursor: pointer; }
.za-hist { margin-top: 4px; font-size: 12px; }
.za-hist summary { cursor: pointer; color: var(--muted); }
.za-hist ul { margin: 4px 0 0; padding-left: 16px; }
.za-pay .section-actions { margin-top: 0; }
.za-ov .ov-card { padding: 14px; overflow: hidden; }
.za-ov { grid-template-columns: minmax(0, 1fr); }   /* danh sách dự án cần đủ bề ngang: mỗi khối một hàng */
@media (max-width: 900px) { .za-pay { grid-template-columns: minmax(0, 1fr); } }