/* Task action buttons */
.task-action-btn {
    background: var(--color-surface-container);
    border: 1px solid var(--color-border);
    padding: 0.4rem 0.5rem;
    cursor: pointer;
    color: var(--color-text-placeholder);
    border-radius: 6px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.task-action-btn:hover {
    background: var(--color-surface);
    border-color: var(--color-text-placeholder);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.task-action-btn.complete-btn:hover {
    background: rgba(102, 187, 106, 0.1);
    border-color: #66bb6a;
    color: #66bb6a;
}

.task-action-btn.delete-btn:hover {
    background: rgba(239, 83, 80, 0.1);
    border-color: #ef5350;
    color: #ef5350;
}