.urgency-red { color: #dc3545; font-weight: 600; }
.urgency-yellow { color: #d39e00; font-weight: 600; }
.urgency-green { color: #198754; font-weight: 600; }

.navbar-brand { font-weight: 700; letter-spacing: .2px; }

/* --- Thẻ thống kê nhanh --- */
.stat-card {
  display: flex;
  align-items: center;
  gap: .9rem;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: .75rem;
  padding: 1rem 1.1rem;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.stat-value { font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
.stat-label { font-size: .8rem; color: #6c757d; }

/* --- Dải màu ưu tiên bên trái mỗi dòng, thay vì tô cả dòng --- */
tr.priority-cao { border-left: 4px solid #dc3545; }
tr.priority-tb { border-left: 4px solid #ffc107; }
table.task-table tr td:first-child { border-left: 4px solid transparent; }
table.task-table tr.priority-cao td:first-child { border-left-color: #dc3545; }
table.task-table tr.priority-tb td:first-child { border-left-color: #ffc107; }

.quick-complete { width: 32px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }

/* --- Bảng danh sách việc: cho phép kéo điều chỉnh chiều rộng cột --- */
table.task-table { table-layout: fixed; width: auto; }
table.task-table th { position: relative; word-wrap: break-word; }
table.task-table td { word-wrap: break-word; }
.col-resizer {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  user-select: none;
  z-index: 2;
}
.col-resizer:hover, .col-resizer:active { background: rgba(13,110,253,.35); }

/* --- Dạng thẻ cho danh sách việc trên di động --- */
.task-cards { display: flex; flex-direction: column; gap: .75rem; }
.task-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-left: 4px solid transparent;
  border-radius: .6rem;
  padding: .85rem 1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.task-card.priority-cao { border-left-color: #dc3545; }
.task-card.priority-tb { border-left-color: #ffc107; }
.task-card-job { font-weight: 600; margin: .35rem 0; white-space: pre-wrap; }
.task-card-actions { display: flex; gap: .4rem; margin-top: .6rem; }

.empty-state i { opacity: .5; }