/* Task specific styles */
.task-summary {
    display: flex;
    gap: 24px;
    margin-right: 24px;
}

.summary-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary-item .label {
    font-size: 12px;
    color: #516f90;
}

.summary-item .amount {
    font-size: 16px;
    font-weight: 500;
    color: #33475b;
}

.summary-item .amount.overdue {
    color: #e33d3d;
}

.task-cell {
    display: flex;
    align-items: center;
    gap: 8px;
}

.task-avatar {
    width: 32px;
    height: 32px;
    background: #00bda5;
    color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/* Priority badges */
.priority {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.priority.high {
    background: rgba(227, 61, 61, 0.1);
    color: #e33d3d;
}

.priority.medium {
    background: rgba(255, 122, 89, 0.1);
    color: #ff7a59;
}

.priority.low {
    background: rgba(0, 145, 174, 0.1);
    color: #0091ae;
}

/* Table Column Widths for Tasks */
.task-col {
    width: 25%;
}

.project-col {
    width: 20%;
}

.priority-col {
    width: 10%;
}

.assignee-col {
    width: 20%;
}

.status-col {
    width: 10%;
}

.date-col {
    width: 15%;
}

/* Status styles */
td:nth-child(6) {
    font-weight: 500;
}

td:nth-child(6)[data-status="In Progress"] {
    color: #ff7a59;
}

td:nth-child(6)[data-status="Completed"] {
    color: #00bda5;
}

td:nth-child(6)[data-status="Pending"] {
    color: #516f90;
}

/* Due date styles */
td:nth-child(7)[data-date="Today"] {
    color: #ff7a59;
}

td:nth-child(7)[data-date="Yesterday"] {
    color: #e33d3d;
}